search

JedWatson / react-select

The Select Component for React.js
https://react-select.com/
MIT License
27.49k stars 4.12k forks source link

Getting unexpected border inside input field #5693

Closed studiolama closed 1 year ago

studiolama commented 1 year ago

I am unable remove this border from input field

Screenshot 2023-07-05 at 4 40 13 PM

I tried giving border: 0 inside input custom styles but still this is always showing Any solution to remove this and also in menu dropdown there is no scrollbar coming.

Platform/Library Version
Mac OS 13.4.1 (22F82)
Next.js 13.4.4
React-select ^5.7.3
Chrome Browser Version 114.0.5735.198 (Official Build) (arm64)
ckalas commented 1 year ago

experiencing this too. i have a feeling for me its coming from tailwind-forms but haven't worked out why exactly yet

Rall3n commented 1 year ago

Hello @studiolama an @ckalas,

this issue was already raised in #5062 and #4794. The cause of this problem is third-party styling libraries adding basic styles to form elements (e.g. @tailwindcss/forms).

Either exclude those libraries from your build process or adjust styling generally or for react-select specifically using the provided styling framework.

I will close this issue as being a duplicate and not a problem coming from react-select.