Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

InAppNotification OK & Cancel button text is cut when using 225% text scaling #4250

Open
2 tasks
XAML-Knight opened this issue Sep 15, 2021 · 10 comments
Open
2 tasks
Labels
accessibility ♿ bug 🐛 An unexpected issue that highlights incorrect behavior controls 🎛️
Milestone

Comments

@XAML-Knight
Copy link
Contributor

Describe the bug

The text in the OK & Cancel buttons of the InAppNotification control are cut when setting the text scale to 225% from Windows settings:

image

... leads to ...

image

  • Is this bug a regression in the toolkit? If so, what toolkit version did you last see it work:

Steps to Reproduce

  • Can this be reproduced in the Sample App? (Either in a sample as-is or with new XAML pasted in the editor.) If so, please provide custom XAML or steps to reproduce. If not, let us know why it can't be reproduced (e.g. more complex setup, environment, dependencies, etc...)

Steps to reproduce the behavior:

  1. Launch the sample application
  2. Go to the InAppNotification sample page and display a notification
  3. Open the Windows settings app and set the text scale to 225%
  4. See error

Expected behavior

The text in the OK and Cancel buttons is fully displayed.

Screenshots

Visual Studio version: 16.11.3, Debug/X64

@XAML-Knight XAML-Knight added bug 🐛 An unexpected issue that highlights incorrect behavior controls 🎛️ accessibility ♿ labels Sep 15, 2021
@ghost ghost added the needs triage 🔍 label Sep 15, 2021
@ghost
Copy link

ghost commented Sep 15, 2021

Hello XAML-Knight, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌

@michael-hawker
Copy link
Member

Actually, in testing #4249, I didn't notice this issue. Wonder why it was clipped in your screenshot... hmm

@ghost ghost added the needs attention 👋 label Nov 3, 2021
@ghost
Copy link

ghost commented Nov 3, 2021

This issue has been marked as "needs attention 👋" due to no activity for 15 days. Please triage the issue so the fix can be established.

2 similar comments
@ghost
Copy link

ghost commented Nov 18, 2021

This issue has been marked as "needs attention 👋" due to no activity for 15 days. Please triage the issue so the fix can be established.

@ghost
Copy link

ghost commented Dec 3, 2021

This issue has been marked as "needs attention 👋" due to no activity for 15 days. Please triage the issue so the fix can be established.

@Arlodotexe
Copy link
Member

Arlodotexe commented Dec 9, 2021

@XAML-Knight What resolution was the display you saw this on?

@XAML-Knight
Copy link
Contributor Author

@XAML-Knight What resolution the display you saw this on?

I was using a different dev laptop when I filed the issue, but it would have been roughly 1920 x 1080 (on Windows 10). Now that I'm on a different laptop (Windows 11), I'm unable to repro this issue.

@Arlodotexe
Copy link
Member

Arlodotexe commented Dec 9, 2021

I was able to reproduce the issue on Windows 10 (19041) and 11 (22000).

The higher the text scaling, the worse it gets.
image
image

image

@ghost
Copy link

ghost commented Dec 25, 2021

This issue has been marked as "needs attention 👋" due to no activity for 15 days. Please triage the issue so the fix can be established.

1 similar comment
@ghost
Copy link

ghost commented Jan 9, 2022

This issue has been marked as "needs attention 👋" due to no activity for 15 days. Please triage the issue so the fix can be established.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility ♿ bug 🐛 An unexpected issue that highlights incorrect behavior controls 🎛️
Projects
None yet
Development

No branches or pull requests

3 participants