[WinUI 3 Gallery: Design-> Resources]: While navigating to ‘Segoe UI Variable' link, one side of the keyboard focus indicator is getting truncated.

[sabareesanms]

Environment Details:

OS Version: 24H2 (OS Build 26100.4315)

App: WinUI 3 Gallery

App Version: 2.6.0.0 (SDK 1.7)

AT: Keyboard

Repro Steps:

1. Launch the WinUI 3 Gallery app.

2. Navigate to search box using tab key.

3. Type 'Typography' in search box and hit enter.

4. Navigate to‘Segoe UI Variable' link.

5. Observe the keyboard focus boarder (outline).

Actual Result:

While navigating to ‘Segoe UI Variable' link, one side of the keyboard focus indicator is getting truncated.

Expected Result:

While navigating to ‘Segoe UI Variable' link all four sides of the keyboard focus indicator should be visible clearly to the user.

User Impact:

Users with low vision will get confused and face difficulty in identifying the focused element if the focus indicator is truncated or not visible clearly to the user.