MouseDown doesnt work in Grid (only on buttons which in grids)

Question

I have problem with MouseDown event. My app looks like that, I have grid in which im adding buttons in code behind

<Grid Grid.Column="1" Name="gridWithButtons" MouseDown="normalModeButtonsWP_MouseDown" >
        <WrapPanel Name="normalModeButtonsWP" MouseDown="normalModeButtonsWP_MouseDown" ></WrapPanel>
</Grid>

But when im pressing mouse button in grid/wrappanel ( i mean in empty space between buttons for example) it doesnt work. Works only when im pressing button which is in wrap/grid. Anyone know how to handle it?

Overflow

Answer 1

Setting IsHitTestVisible alone will not make it work.

Elements are not clickable if Background is set to None. To make it clickable (applies to grid, stackpanel, etc) set the Background to #00000000. This is a feature by design to prevent users clicking on ghost buttons. However, assigning it a color will make it clickable.

Kellar

Or set Background to Transparent – Citystate

Answer 2

Try setting IsHitTestVisible = true on your grid

Drayman

Answer 3

In my fixed case, for a 3x3 grid with only one button in the middle, I added the PreviewMouseDown events for empty rows and columns in xaml:

<DataGridCell Grid.Row="0" PreviewMouseDown="EmptyAreaPreviewMouseDown"/>
<DataGridCell Grid.Row="2" PreviewMouseDown="EmptyAreaPreviewMouseDown"/>
<DataGridCell Grid.Column="0" PreviewMouseDown="EmptyAreaPreviewMouseDown"/>
<DataGridCell Grid.Row="2" PreviewMouseDown="EmptyAreaPreviewMouseDown"/>

and in code-behind:

private void EmptyAreaPreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    // do here empty area work
}

Hope it helps someone in the future.

Gosnell