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

Extra downward arrow in select widget #124

Open
SumitBando opened this issue Aug 22, 2022 · 3 comments
Open

Extra downward arrow in select widget #124

SumitBando opened this issue Aug 22, 2022 · 3 comments

Comments

@SumitBando
Copy link

SumitBando commented Aug 22, 2022

Using Tailwindcss v3.1.6, I get an extra downward arrow:
Screen Shot 2022-08-22 at 10 04 05 PM

There has not been a release for a while, is this supposed to work with Tailwind 3.x?

Coming from the line

<div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">

If needed, can create a repo reproducing bug.

@stryker-design
Copy link

Did you fin a fix for this?

@blasferna
Copy link
Contributor

Are you using the @tailwindcss/forms plugin?

From my experience, if we use the @tailwindcss/forms plugin the arrow appears the same, it doesn't matter if we use the appearance-none class. See example at https://play.tailwindcss.com/DhYdTRakla

@SumitBando
Copy link
Author

@stryker-design , no real fix, just suppressed with some css hack:
div.relative > .pointer-events-none {
display: none;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants