Question

I have an application with limited screen space, so I’m trying to conserve some real estate by putting a combo box within a button. Its pretty nifty and it looks exactly like what I wanted it to look like. The problem is, every time I click the down arrow on the combo box, the Button also receives a click event. The drop down menu still works properly, but my button has already fired before I’ve had a chance to actually select what I wanted.

Here is my WPF code that describes my Button and its contents.

<Button FontSize="14" Height="32" HorizontalAlignment="Left" Click="DisableCopierButton_Click">
    <StackPanel Orientation="Horizontal">
        <Label Content="Disable Copier:" />
        <ComboBox Name="DisableCopierComboBox">
            <ComboBoxItem Content="1"/>
            <ComboBoxItem Content="2"/>
        </ComboBox>
    </StackPanel>
</Button>

My question is, when I’m clicking on the ComboBox and only the ComboBox, how do I prevent the click event from passing through the button that is underneath it?

Answer 1

I finally found it. I went with the solution provided by Rachel here, even though it was not selected as the answer.

private void EnableCopierButton_Click(object sender, RoutedEventArgs e)
{
   if (!(e.OriginalSource is Button))
   {
      // combo box was clicked, not the button, so get out of here.
      return;
   }
}