Question

I’ve been looking at the following example on how to style the ComboBox, but I haven’t been able to create a focus effect when going into an editable combo box. Whenever the ComboBox receives focus, it should go into edit mode and the component should have a focus style.

The basic problem is that whenever I go into the edit mode, it’s not the surrounding ComboBox which actually has the focus, but the text subcomponent and I haven’t been able to create a Trigger on the text component which modifies the ComboBox‘s border style since I don’t know how to refer to the parent component from the trigger.

I’ve tried adding ControlTemplate Trigger on the TextBox, or style trigger. I’ve tried to refer to the ComboBox by name or by using the TemplateBinding option, but without any luck. A simple example would be very appreciated.

Answer 1

Bind IsKeyboardFocusWithin to IsDropDownOpen

<ComboBox ItemsSource="{Binding SortedItems}"
          StaysOpenOnEdit="True"
          IsDropDownOpen="{Binding IsKeyboardFocusWithin, RelativeSource={RelativeSource Self}, Mode=OneWay}" />