maui
maui copied to clipboard
dotnet
Flyout items can vanish when arrowing down through a flyout
Description
When arrowing down through a Maui Flyout, items below the 2nd item in the flyout can visually vanish, leaving only space where they once were.
Before. Alt: A test .NET Maui app running on Windows. Its flyout is open, showing items of "First", "Second", "Third", "Fourth", and "Fifth". Keyboard focus feedback is shown at the first item in the flyout.
After. Alt: A test .NET Maui app running on Windows. Its flyout is open, showing items of "First" and "Second", with keyboard focus feedback showing on the second item. No other items are shown, yet the flyout is large enough to contain multiple other items.
Steps to Reproduce
- Build and run this test app for Windows, https://github.com/gbarkerz/MyVeryFirstMauiApp.
- Tab to move keyboard focus to the Open Navigation button at the top left corner of the app.
- Press Space to invoke the flyout.
- Press DownArrow to move keyboard focus to the first item in the flyout.
- Press DownArrow again to move keyboard focus to the second item in the flyout.
Result: Following the second DownArrow press, all items following the second item visually vanish.
Note: If I then Alt+Tab away and back to the app, press Escape to close the flyout, re-open the flyout, the issue doesn't seem to happen after that until I restart the app.
My version of dotnet is 6.0.400-preview.22330.6.
Version with bug
Unknown/Other (please specify)
Last version that worked well
Unknown/Other
Affected platforms
Windows
Affected platform versions
net6.0-windows10.0.19041.0
Did you find any workaround?
No response
Relevant log output
No response
GitHubTags: #.NET MAUI; #A11ySev1; #A11yMAS; #A11yTCS; #Benchmark; #DesktopApp; #Win11; #WCAG2.1.1; #GH_.NETMAUI_Win32_Apr2022; #AILimited; #Win32; #Keyboard;
@gbarkerz @PureWeen do you know if the flyout items are still available in the UIA tree?
Hi @merriemcgaw, I'm not set up to test it just at the moment, but looking at this, https://twitter.com/gbarkerZ/status/1551965741284573184?s=20&t=OMFyiEoaIT-7MIiVIfvumQ, it seems I ran Accessibility Insights after the visuals vanished, and the contents of the list items had gone from UIA too. All that was left from the item was the item itself, and given that the item's name was meaningless to the user, there was no way for anyone to access the original helpful text on the item.
Hi @merriemcgaw, I'm not set up to test it just at the moment, but looking at this, https://twitter.com/gbarkerZ/status/1551965741284573184?s=20&t=OMFyiEoaIT-7MIiVIfvumQ, it seems I ran Accessibility Insights after the visuals vanished, and the contents of the list items had gone from UIA too. All that was left from the item was the item itself, and given that the item's name was meaningless to the user, there was no way for anyone to access the original helpful text on the item.
I think this part of it has been resolved. Now that we propagate the correct description values to the flyout items the UIA info is still present. I've also noticed if you close and reopen the flyout everything reappears and then never vanishes again. It's only the initial open/navigation that's buggy :-/
This might also be resolved once we bump to WinAppSDK 1.2
I'm testing MAUI with WinAppSDK 1.2 and I'm unable to reproduce the issue there
That's awesome! You will be moving in .NET 8?
Once WinAppSDK 1.2 goes stable we'll bump .NET 7 up to 1.2 in a SR
WinAppSDK 1.1.5
WinAppSDK 1.2.220930.4-preview2
Project you can test
You will need to use Visual Studio 17.4 GA