I'm using react-select in my application for implementing CSS styleable dropdowns. Also, I'm using Playwright for automatic testing want to be able to select an option from one of these dropdowns u...

Is it possible to use react-select directly from the browser without bundlers nowadays? The most recent version that I found to be able to do so was 2.1.2: How to import from React-Select CDN with ...

I am using react-select for better look on UI, and I have implemented it, Now what I am trying to do is I want to validate that input field when user clicks on Done button (form submit) I am using...

I'm looking into using react-select as a selector for a city-picker, where users can pick 1 or multiple cities to filter some data on. Here is a screenshot of it rendered in my page: The city lis...

Does anyone know how to select an option from a react-select dropdown list in a cypress test? I have tried lots of stuff but to no avail. Seems that react-select uses a hidden input. That c...

So, I need to pass defaultValue to a react-select component with enabled multi select. I've tried everything I could think of: array of strings, array of objects, string, etc... Nothing seems to wo...

I am using React-Select component with multi select. One of the problems I am facing is that if the user select 3 or 4 options the UI looks pretty bad because the text begins to overflow and that c...

I'm working with a react form validation using Yup along with Formik. There is a react-select element in the form which needs to be validated as well. For validation i'm making use of validationSch...

I have tried everything I can think of, but I cannot prevent the placeholder in react-select from disappearing (I assume changed to display: none because it is no longer in the HTML) when a value i...

I am using the react-select library to create autocomplete drop-down. I have used 2 drop-down parallel if 2nd has some data & I open first one then the zIndex problem comes. see the image

I am new to react. I am using react select for the select. Now, I have the following jsx div className="col-md-4 d-flex align-items-center" style={borderClass}> <label className="mb-0 font-...

I am trying to make the most efficient reusable wrapper for React-Select possible using typescript and formik, but I get a typescript error that says "type 'true' is not assignable to type 'fa...

ReactSelect V2 and V3 seems to have several props like clearValue, resetValue and setValue. Whatever I'm trying, I'm not able to clear the selections programmatically. resetValue seems not to be ac...

I am using the react-select component along with bootstrap v4 all of bootstraps stuff is based on 35px height it seems, the default height of the react-select component is 38px, which looks a litt...

I am using React Select I want its Dropdown position to be dynamic. let's say if there is no space below it, then the dropdown should be opened to above select box. <Select value={select...

how to change hover for all elements in react-select? <Select name="colors" options={colourOptions} className="basic-multi-select" classNamePrefix="select" /> Source host: https://c...

I'm unsure how to change the color from the default blue to something else. The example code is in the codesandbox link below. I tried changing the styling for root, but had no success. https://co...

I have a dropdown in React Select, i am facing an issue with the focus. The first item in the option list is getting focused whenever we open the dropdown. There are couple of props that gets passe...

I have an issue using react-select. I use redux form and I've made my react-select component compatible with redux form. Here is the code: const MySelect = props => ( <Select {...props} v...

I'm building a form with an auto filling text box using react-select and formik. <Formik initialValues={{ assignedTo: task.assignedTo, }} onSubmit={(values) => { const updatedTask = { ....

hi how to change color of arrow icon in react-select in mouse over in google chrome, I find CSS variable but I cant change color. this value of CSS css-tlfecz-indicatorContainer. in my customStyles...

i cant figure out how do i remove border or outline ( not sure which one it is ) from react select, when its focused. Uploaded image for reference. I have no border by default. customStyle = { ...

module import is not working for me. I'm tried different solutions provided from stack overflow and other. These are steps I'm follow the react-select npm install --save @types/react-select impo...

My react project with "react": "^18.2.0", version and "react-select": "5.4.0", version, is getting errors today, this project was running smoothly till yeste...

I can't get the onchange function typing correct. I created a handler function but typescript keeps complaining about type mismatch. My function: private handleChange(options: Array<{label: st...