Valutando la struttura del codice, risulta essere ordinato come segue:
Code: Select all
div#advancedSearch
/* ecc. */
div#search-form
/* ecc. */
div.controls .finder-selects /* qui inizia il blocco dei filtri */
label.control-label
select#tax-k2-category /* per esempio */ .inputbox .advancedSelect //il valore predefinito è "display: none; "
option
option
option
/* ecc. */
div#tax_extra_fields_chzn /*per esempio*/ .chzn-container .chzn-container-single .chzn-container-single-nosearch
a.chzn-single
<span>voce</span>
div.chzn-drop
div.chzn-search
input (type="text")
/* ecc. */
ul.chzn-results
li.active-result .result-selected
li.active-result
li.active-result
li.active-result
/* ecc. */
Il problema è che se cambio il parametro "display" di "select.inputbox" in qualche modo (block, flex, ecc.) Il menu a tendina predefinito funziona correttamente e mostra tutte le voci senza troncarsi ma ovviamente anche "select.inputbox" è visibile quindi ho due menu a tendina uno sotto l'altro. Se lascio "select.inputbox" al valore predefinito questo è ovviamente nascosto ma l'altro viene troncato.
Ho provato tutto passo dopo passo per ogni riga da "div.controls" a "li.active-result" cambiando i valori per il box-sizing, display, height and overflow senza trovare una soluzione. Sembra che l'altezza automatica del menu a discesa sia definita solo da "select.inputbox" indipendentemente dal fatto che per impostazione predefinita il menu del modello sia quello disegnato come "div#fav-maincontent #advancedSearch .controls div".
Anche il div principale "div#search-form" resta sempre della stessa altezza indipendentemente dai parametri "display" o "height" impostati e in ogni caso non c'è modo di far apparire il cursore in overflow-y nel blocco a tendina selezionato.
Ovviamente sto sbagkiando qualcosa relativamente all'ordine e all'impostazione dei parametri CSS degli elementi ma non riesco a risolvere il problema tranne che nascondendo "div#fav-maincontent #advancedSearch .controls div" e lasciare che "div#fav-maincontent #advancedSearch .controls select" sia "visibile come display:block (o altro). Solo, lo stile del dropdown è orribile e la necessità di sapere dov'è che sbaglio è più forte di me.
Uso joomla 3.9.20, il template free "favourite" e K2. La versione di PHP è la 7.4.8.
La pagina incriminata è a questo indirizzo:
https://www.csviveredalridere.it/index. ... a-avanzata
Se qualcuno ha un'idea di come risolvere la questione, dormirò un po' più tranquillamente.
Grazie in anticipo.