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

Desktop Safari: Icons don't scale with browser zoom #2065

Open
chosak opened this issue Oct 7, 2024 · 2 comments
Open

Desktop Safari: Icons don't scale with browser zoom #2065

chosak opened this issue Oct 7, 2024 · 2 comments
Labels

Comments

@chosak
Copy link
Member

chosak commented Oct 7, 2024

Describe the bug
Adjusting browser zoom doesn't adjust the size of icons, making them look smaller or larger than their associated text.

To Reproduce

  1. Go to a page with icons, for example https://cfpb.github.io/design-system/components/alerts
  2. Adjust browser zoom, zooming in or out
  3. Note that icons don't scale even though text does

Expected behavior
Icons should resize along with text.

Screenshots
Zoomed out:
image
Zoomed in:
image

I can reproduce this in macOS desktop Safari 18.0 (18619.1.26.111.10, 18619). This does not appear to happen in Mobile Safari on iOS 17.6.1, desktop Chrome 129.0.6668.59, or desktop Firefox 131.0.

@sonnakim for awareness

@chosak
Copy link
Member Author

chosak commented Oct 7, 2024

This might be related to WebKit issue https://bugs.webkit.org/show_bug.cgi?id=199236, supposedly fixed by WebKit/WebKit#33020.

@sonnakim
Copy link
Member

Thanks for filing this @chosak and for the added context. Andy @anselmbradford is there anything we can actually do on this one, or is this more a matter of Webkit fixing this upstream?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: To do
Development

No branches or pull requests

2 participants