Dimensione box datalist

[palmico]

Salve a tutti,

utilizzando un campo input legato a una datalist, per esempio:

<input list="dati" />

se il tag datalist dati corrispondente contiene molti valori, aprendo il relativo box capita che alcuni browser (chrome fra gli altri) facciano andare fuori pagina la parte inferiore della lista con una pessima usabilità.

Avrei bisogno di sapere se e come siete riusciti a risolvere questo problema utilizzando preferibilmente i css, grazie

[stoneweb]

Potresti farci vedere il codice che ti dà questo problema? Perché a me non è mai capitato

[palmico]

Certo, in realtà è molto semplice:

<div class="linea">
  <label for="datilista">Dati</label>
  <input list="listadati" placeholder="dati" id="datilista" autocomplete="off" />
</div>

<datalist id="listadati">
<!-- i tag option vengono generati dinamicamente e sono poche decine di valori -->
</datalist>

non ci sono regole css specifiche per il tag input, se non per il bordo:

.linea {
  min-width: 30%;
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}

label + input{border: 3px solid #e11e1e;}

Grazie mille

[stoneweb]

In effetti forse non avevo mai avuto così tante option come nella prova che sto facendo e dà effettivamente questo problema. Ho provato a dare un'occhiata in giro per il web ma sembra che nessuno sappia risolvere questo problema...

[palmico]

Neanch'io in rete sono riuscito a trovare soluzioni css. Grazie comunque.

[stoneweb]

Mi spiace non essere stato per niente utile, comunque provo ancora a cercare o a ingegnarmi e se trovo un modo ti faccio sapere!

[palmico]

Grazie, ovviamente se troverò una soluzione anche io la posterò qui