Al abrir la lista de opciones desplegable, la barra de desplazamiento se mueve hacia abajo. Las últimas opciones son visibles en la lista de opciones de selección.
¿Alguien puede proporcionar soluciones para mostrar la barra de desplazamiento de elementos de la lista a la mayoría de los elementos superiores?
import React from 'react' import { Dropdown } from '@fluentui/react-northstar'; class someComponent extends React.Component { constructor(props) { super(props); this.state = { currentObject: "", inputItems: [ 'Robert Tolbert', 'Wanda Howard', 'Tim Deboer', 'Amanda Brady', 'Ashley McCarthy', 'Cameron Evans', 'Carlos Slattery', 'Carole Poland', 'Robin Counts', 'Test 1', 'Test 2', 'Test 3', 'Test 4', 'Test 5' ] } } **Function Called when user selects the options** onChangeObjectHandler(event, data){ const objectName = data.value.header; this.setState({ currentObject: objectName }); } render() { return ( <div> <Dropdown checkable onChange={this.onChangeObjectHandler} items={this.state.inputItems} value={{this.state.currentObject}} placeholder="Select your object /> </div> ); } } export default someComponent;Resolví este problema usando los siguientes accesorios del componente Dropdown
defaultHighlightedIndex={0} highlightedIndex={selectedIndex} Nota: estos accesorios solo funcionarán si está utilizando un Dropdown de selección única.
para Dropdown de selección múltiple, puede usar
defaultActiveSelectedIndex={0} activeSelectedIndex={selectedIndex}