Windows 10: Remove the Chevron arrow for AppBarButton.Flyout in UWP

Remove the Chevron arrow for AppBarButton.Flyout in UWPPlease let me know how can i remove the arrow that's coming by default when a Flyout is attached to AppBarButton in UWPVersion 1809

:)

 

UWP - Focus issues when opening a flyout from an AppBarButton

I'm facing the following issue in a UWP app targeting the "anniversary update" SDK build 14393.

When opening a Flyout from an AppBarButton, the controls inside the flyout lose their ability to be focused when clicked/tapped (tab still works, though). If the same Flyout is assigned to a Button then focus work as expected.

Here's some code to reproduce the issue (create a blank UWP project and copy & paste it into the main page grid):

<!-- in the dark theme focus is more visible -->

<StackPanelOrientation="Horizontal"VerticalAlignment="Center">

<ButtonContent="Button">

<Button.Flyout>

<Flyout>

<StackPanelOrientation="Horizontal">

<TextBox/>

<ButtonContent="OK"/>

</StackPanel>

</Flyout>

</Button.Flyout>

</Button>

<AppBarButtonContent="AppBarButton">

<Button.Flyout>

<Flyout>

<StackPanelOrientation="Horizontal">

<TextBox/>

<ButtonContent="OK"/>

</StackPanel>

</Flyout>

</Button.Flyout>

</AppBarButton>

</StackPanel>

When I run the above code and open the Flyout by clicking "Button", clicking alternatively the TextBox and OK Button inside the Flyout cause the focus to move between the controls as expected. However, when I open the Flyout by clicking "AppBarButton" the
focus doesn't move when the controls inside the Flyout are clicked.

[Edit, More details] When the Flyout opens from the AppBarButton the focus isn't transferred to the Flyout but stays on the page. You can see this by pressing Tab.

Is this a bug or am I missing something?

 

UWP - Focus issues when opening a flyout from an AppBarButton

Set FrameworkElement.AllowFocusOnInteraction property to true on the AppBarButton. You're running into a new feature on 1607 that's an improvement
for most app bar uses but interferes with yours, so you'll need to override the default when you change your build to rather 14393 instead of 10586.

See this property on MSDN: https://msdn.microsoft.com/en-us/li...frameworkelement.allowfocusoninteraction.aspx

Solution from: https://social.msdn.microsoft.com/F...a-flyout-from-an-appbarbutton?forum=wpdevelop

 

UWP - Focus issues when opening a flyout from an AppBarButton

This was the solution I needed!

I was using a commandbar with a search textbox that suddenly lost focus after the update.

Changing the appbarbutton's AllowFocusOnInteraction to true fixed it.