Estoy usando react-select ^5.1.0 y mis opciones y valores se muestran bien. Tengo un pequeño problema al desplazarme por las opciones, una palabra seleccionada se superpone a las opciones. Adjunto una imagen que puede explicar mejor. ¿Qué puedo hacer para eliminar la palabra select
en mis opciones? Los bloquea.
Mi código :
const methods = useForm(); <label> Line Manager : </label> <Controller control={methods.control} className="basic-single" classNamePrefix="select" styles={{ marginTop : '10px', marginBottom : '10px'}} name="line_manager" render={({ value, ref }) => ( <Select inputRef={ref} options={items} className="basic-multi-select" value={items.find(c => c.fullnames === value)} onChange={val => setLineManager(val.id)} getOptionLabel={items => items.fullnames} getOptionValue={items => items.id} /> )} />
Parece que la etiqueta en esos cuadros de selección tiene un índice z más alto que el del cuadro de opciones. Idealmente, necesita aumentar el índice z de la superposición de opciones.