Button only works about 50% of the time

So random thing, I have a custom button that links to a page of information in my app, I have 5 of these buttons. But they only work every couple of clicks, not every time, and idk why. Here is the base component.

<Panel ux:Class="SASi.CircleButton" Margin="10" Padding="10" FontSize="20">
	<string ux:Property="Text" />
	<float ux:Property="FontSize" />

	<Circle Width="40" Height="40" >
		<Stroke Width="3">
        	<SolidColor Color="#124F63" />
    	</Stroke>
	</Circle>

	<SASi.Text Value="?" FontSize="{ReadProperty FontSize}" Alignment="Center" />

	<WhilePressed>
		<Scale Factor=".95" Duration=".08" Easing="QuadraticOut" />
	</WhilePressed>
</Panel>

And I set each button like this (within a grid, and other buttons/text components).

<SASi.CircleButton ColumnSpan="1" Clicked="{tripInfo}" />

Any clear reason why? Do you want to see the full UX page?

Of course we would like to see complete, minimal reproductions that we can copy-paste and run. That way, it’s much easier to actually see the problem.

Just a wild guess though: HitTestMode? You should check if adding HitTestMode="LocalBounds" or HitTestMode="LocalBoundsAndChildren" to the button component fixes the issue:

<Panel ux:Class="SASi.CircleButton" Margin="10" Padding="10" FontSize="20" HitTestMode="LocalBounds">
...

Thanks Uldis, that worked. Easy fix haha.