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

Dropdown and select chevron in dark themes (g80, g90, g100) is black on Safari iOS and iPhone #9145

Closed
Tracked by #9123
weaseldotro opened this issue Jul 8, 2021 · 3 comments
Labels
severity: 3 User can complete task, and/or has a workaround type: bug 🐛

Comments

@weaseldotro
Copy link

weaseldotro commented Jul 8, 2021

On an iPhone in Safari, the chevron for the dropdown and select components is black when using a dark theme, it doesn't change color to a lighter variant. I'm running the latest iOS version (14.6).
On an iPad in Safari it works fine, the chevron changes color when switching between dark and light carbon themes.

To reproduce:
Open this URL on an iPhone: https://www.carbondesignsystem.com/components/dropdown/usage/#live-demo
Select Gray 90 or Gray 100 theme.
I tried changing the iPhone appearance from dark mode to light mode, but the problem still persists.
6C9840C0-2474-4AF5-939E-E71011B59E48

@emyarod
Copy link
Member

emyarod commented Jul 13, 2021

I currently only have access to an iPad which doesn't seem to have the issue as you mentioned but it seems strange that only the iPhone would be rendering the component differently. can anyone else confirm the issue is occurring only on the iPhone?

@tw15egan
Copy link
Member

I'm unable to reproduce on iPhone 12 running 14.6. Since you're not seeing it running Safari on iPad, it must be some sort of caching issue on the iPhone. Going to close this for now, but if you continue to see this (or we can get another reproduction), we'll reopen and take a look. Thanks for reporting!

IMG_4120
IMG_4119

@weaseldotro
Copy link
Author

weaseldotro commented Jul 13, 2021

I have determined the cause.
The option Settings / Accessibility / Display & text size / Increase contrast was turned on. After turning off the option, the chevron is not dark anymore.

It’s up to you to decide if this is an issue or not.
3A3E47E5-06B9-413B-983C-603FFBC730CB

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
severity: 3 User can complete task, and/or has a workaround type: bug 🐛
Projects
None yet
Development

No branches or pull requests

4 participants