tailwindlabs / tailwindui-issues

Bug fixes and feature request tracking for Tailwind UI.
233 stars 4 forks source link

Selection is not visible for options inside dropdown in high contrast themes. #1591

Open msftedad opened 3 months ago

msftedad commented 3 months ago

What version of Tailwind CSS are you using?

tailwindcss 1.9.6

What build tool (or framework if it abstracts the build tool) are you using?

next js framework built on react utilizes webpack to build

What version of Node.js are you using?

node 20.11.1

What browser are you using?

Edge

What operating system are you using?

Windows

Reproduction URL

A Tailwind Play link or public GitHub repo that includes a minimal reproduction of the bug. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private/confidential, since we want a link to a separate, isolated reproduction anyways.

A reproduction is required when filing an issue — any issue opened without a reproduction will be closed and you'll be asked to create a new issue that includes a reproduction. We're a small team and we can't keep up with the volume of issues we receive if we need to reproduce each issue from scratch ourselves.

Describe your issue

Repro Steps 1). Go to tailwind dropdowns component(https://tailwindui.com/components/application-ui/elements/dropdowns) 2). On Win11, change the contrast to any of these (Aquatic | Desert | Dusk | Night Sky) 3). Hover the dropdowns menu and no selection is visible.

Actual Results Selection is not visible of help pane dropdown in high contrast theme.

Expected Results Selection should be visible of help pane dropdown in high contrast theme

Focused and selected element is not getting differenciated.webm

Describe the problem you're seeing, a