Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

112
Vistas
Cómo hacer que la barra de desplazamiento esté en la parte superior al abrir la lista de opciones usando el menú desplegable de @fluentui/react-northstar

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;
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

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}
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda