Problema Select Bootstrap Italia con React

[Crow0197]

Comportamento atteso

Visualizzazione corretta di una select all'interno della mia pagina

Comportamento attuale

Attualmente, una volta aggiunto il tag select il div generato con la classe ".dropdown-menu .inner" non viene visualizzato

Possibili soluzioni

come soluzione procedo con il forzare una volta su block il div che non viene visualizzato. Ciò permette di averlo valorizzato nel DOM

.dropdown-menu .inner {
display: block;
}

Contesto

React

[dej611]

C'è un motivo percui usare questo e non il design-react-kit per la select?
Stiamo cercando di migliorare il kit e sarebbe utile capire il perchè di questa scelta.

[gianlu21]

Ciao il problema sorge nel momento in cui si installa design-react-kit dove il componente SELECT a quanto pare non è più implementato. Ci si può accorgere di questo andando nei pacchetti installati (node_modules/design-react-kit/src/components). In questo percorso manca proprio la SELECT. Il problema quindi persiste

[dej611]

Il componente Select sarà incluso nel kit dalla prossima minor release.
Ad ogni modo è possibile già al momento utilizzare una select che rispetti il kit importando react-select ed un paio di configurazioni. Puoi usare il codice della prossima release come base: https://github.com/italia/design-react-kit/blob/master/src/components/Select/Select.js

[astagi]

@dej611 direi possiamo chiudere questa issue che ne dici?

[dej611]

Si, dalla versione 4.0 del kit un componente Select viene esportato direttamente: https://italia.github.io/design-react-kit/?path=/story/documentazione-form-select--page

[astagi]

Perfetto! Grazie @dej611