UWP - Strange line appears when Hover in ARM pc

Open
#1,417 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
25/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Domain
desktop

Research direction

Start by reproducing the supplied CommandBar and AppBarButton XAML on ARM Windows 11 build 22621.2283, hovering the More button and the other buttons. Compare the rendered behavior with the screenshot and determine whether the issue is reproducible in this samples repository; done means identifying a repository-owned sample or test that can demonstrate and verify the fix.

Written by the indexing model from the issue text.

Description

bug

Which sample are you reporting a bug in?

Example: MenuFlyout

Describe the bug
Hi there.
I created a UWP application with a command bar and I'm using it on an ARM computer.
There is a tiny diagonal line when hovering the icon and in other buttons happen the same error.

To Reproduce
Steps to reproduce the behavior:

  1. Create a app using the code:
    <StackPanel x:Name="grid"> <CommandBar HorizontalAlignment="Right"> <AppBarButton Icon="Like" Label="Like" /> <AppBarButton Icon="Dislike" Label="Dislike" /> <AppBarButton Icon="Favorite" Label="Favorite" /> <AppBarButton Icon="More" Label="More"> <AppBarButton.Flyout> <MenuFlyout Placement="Bottom"> <MenuFlyoutItem Text="Option 1" /> <MenuFlyoutItem Text="Option 2" /> <MenuFlyoutItem Text="Option 3" /> <MenuFlyoutItem Text="Option 4" /> <MenuFlyoutItem Text="Option 5" /> </MenuFlyout> </AppBarButton.Flyout> </AppBarButton> </CommandBar> </StackPanel>

  2. Hover the more options and see a tiny line.

Expected behavior
No line be shown.

Screenshots
image

Configuration

  • Language/architecture/flavor: ARM Windows 11
  • Windows platform and build number: 22621.2283
  • Visual Studio version: Microsoft Visual Studio Professional 2022 (64-bit) - Current Version 17.10.1
Dominant language
JavaScript
Stars
9.7k
Forks
7.8k
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from microsoft/Windows-universal-samples

All issues in microsoft/Windows-universal-samples

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.