1,964 questions
4
votes
1
answer
233
views
How to correctly pass a data-testid to <AsyncSelect> in react-select for testing?
I am trying to add a stable data-testid to a react-select component (specifically AsyncSelect) so that I can reliably select it in my Playwright E2E tests.
When I try to pass the data-testid prop ...
2
votes
1
answer
138
views
react-select - focused option resets on React state change
I have a custom component wrapper around a react-select, but I've also noticed this same behavior in the react-select by itself as well. The behavior occurs when using react-select whenever the React ...
1
vote
1
answer
107
views
Clicking outside in the AsyncPaginate while having the Custom Value Container is not closing the menu list
Problem Description
I’ve created a custom Select component using react-select and AsyncPaginate. I use a custom ValueContainer to display the number of selected items instead of rendering their labels ...
0
votes
1
answer
192
views
React-select wrong focus
I have the following react-select select component:
<Select
className={styles.multiselect}
components={{
Option: OptionBlock,
}}
isMulti
closeMenuOnSelect={...
1
vote
0
answers
64
views
How can I render the name in Select option relational table?
Is there a way I can render the first_name and last_name as a defaultValues in the select option after fetching the data which is a relational table?
Currently, I was able to put other information as ...
0
votes
1
answer
74
views
Multiple React-hook-form instances in a parent component resetting data and I cannot figure out how to prevent this
I’m working on a React project where I have multiple instances of react-hook-form in a parent component. Each form is conditionally rendered based on the user’s selection of a tax category (business ...
0
votes
1
answer
61
views
React-select not able to add items by just typing them in and clicking out of field
I am using react-select, in particular the Creatable component. My users are confused when they try to add a new item and they just type it in and then click somewhere else on the page. It doesn't ...
0
votes
0
answers
128
views
How to avoid scrolling issue when using React Select with Dialog?
There is a scrolling problem when Select (React Select) is used in Dialog (Mui Dialog). Scrolling is required within the modal.
As seen in the pictures, when I use Mui Select, the modal is used ...
1
vote
0
answers
25
views
ReactSelect Component Shows Ghosted Values
CustomReactSelect is displaying some values that seem to be the previous thought the values were updated
I've logged the value of the items and the value is correct but for some reason this "...
0
votes
1
answer
95
views
Arrow Key Scrolling Not Working in react-select with react-window
Issue: Arrow Key Scrolling Not Working in react-select with react-window
I am experiencing an issue where I am unable to scroll through the react-select dropdown list using the up and down arrow keys ...
1
vote
1
answer
130
views
React select option update giving [object Promise]
I am using React Select in my code and trying to update options on the basis of Input but however I am facing issue as [object Promise] as value in Input even after touching the Select Box Below is my ...
-1
votes
1
answer
463
views
Custom Multiselect Editor integration with AG Grid getValue() Problem
import React, { useState, useImperativeHandle, forwardRef, useRef, useEffect } from 'react';
import Select from 'react-select';
import type { ICellEditorParams } from "ag-grid-community";
...
1
vote
0
answers
44
views
Loading all items in searchable select from start or while typing?
I have an interesting case where I have a form for adding data to a database. I am using Next.js and a PostgreSQL database for reference. There are two select fields (where I use the react-select ...
0
votes
1
answer
196
views
How to hide react-select multi value input container?
I'm facing the following problem when dealing with react-select multi select:
Basically, it renders an additional <div> inside which an actual input element resides. What I want to do is to ...
2
votes
2
answers
489
views
Type 'ForwardedRef<HTMLInputElement>' is not assignable to type 'LegacyRef<Select<Option, false, GroupBase<Option>>> | undefined'. in react-select
I am getting this TypeScript error when I use forwardRef in my Select component while using react-select.
Type 'ForwardedRef<HTMLInputElement>' is not assignable to type
'LegacyRef<Select<...