Skip to content

Set <select> children bg color in dark mode for Windows browsers#8933

Merged
javierjulio merged 1 commit intomasterfrom
select-children-bg-color-fix
Feb 5, 2026
Merged

Set <select> children bg color in dark mode for Windows browsers#8933
javierjulio merged 1 commit intomasterfrom
select-children-bg-color-fix

Conversation

@javierjulio
Copy link
Member

This sets an explicit background color on the select element (drop down) children to fix the display issue on Windows based browsers (e.g. Chrome) when in dark mode. This doesn't apply on Mac. For added confirmation, Tailwind does this in their example form layout for the Country drop down https://tailwindcss.com/plus/ui-blocks/application-ui/forms/form-layouts

@javierjulio javierjulio self-assigned this Feb 3, 2026
@codecov
Copy link

codecov bot commented Feb 3, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 99.08%. Comparing base (46dd1d3) to head (0bf4cdb).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #8933   +/-   ##
=======================================
  Coverage   99.08%   99.08%           
=======================================
  Files         139      139           
  Lines        4045     4045           
=======================================
  Hits         4008     4008           
  Misses         37       37           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

This sets an explicit background color on the select element (drop down) children to fix the display issue on Windows based browsers (e.g. Chrome) when in dark mode. This doesn't apply on Mac. For added confirmation, Tailwind does this in their example form layout for the Country drop down https://tailwindcss.com/plus/ui-blocks/application-ui/forms/form-layouts
@javierjulio javierjulio force-pushed the select-children-bg-color-fix branch from c285e9c to 0bf4cdb Compare February 3, 2026 23:10
@javierjulio javierjulio changed the title Set select children background color for Windows browsers Set <select> children bg color for Windows browsers Feb 3, 2026
@javierjulio javierjulio changed the title Set <select> children bg color for Windows browsers Set <select> children dark mode bg color for Windows browsers Feb 5, 2026
@javierjulio javierjulio changed the title Set <select> children dark mode bg color for Windows browsers Set <select> children bg color in dark mode for Windows browsers Feb 5, 2026
@javierjulio javierjulio merged commit eb1d139 into master Feb 5, 2026
26 checks passed
@javierjulio javierjulio deleted the select-children-bg-color-fix branch February 5, 2026 02:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant