Ionic tabs il contenuto non scrolla

[d.termini]

Inde Cloud 20.0.2
Tema Ionic v2

Su una vista ho pensato di riorganizzare il contenuto in 3 tabs perché ci sono tanti campi da mostrare e per praticità di utilizzo.
Solo che adesso aggiungendo altri campi ho notato che il contenuto non scrolla e quindi non vedo i campi più in basso.

Ho quindi provato a rimpicciolire la finestra del browser e si manifesta il problema su tutte le tab.

C'è un modo particolare di creare una vista paginata a tab? Gli esempi usano un layout diverso usando diverse pagine inglobate all'interno delle tab, nel mio caso la pagina è unica.
Ho già provato ad inserire uno scrollContainer come elemento base all'interno della tab ma non cambia.

Ho letto di un bug sullo scroll del contenuto delle tab corretto in Ionic V4, non vorrei che fosse lo stesso problema.

[v.marino]

Ciao,

potresti farmi vedere com'è la struttura della videata? Va bene anche uno screenshot dell'albero, è per capire meglio com'è stata costruita.

[d.termini]

Ciao Vittoria,
ecco la struttura, fortunatamente questa è l'unica videata fatta così e non dovrebbe essere un grosso problema rivederne la struttura, ma se riesco a farla funzionare correttamente è meglio.

albero_vid_operatori.PNG (11.1 KiB) Viewed 1924 times

[v.marino]

Di solito la struttura è al contrario, cioè l'elemento IonTabs è figlio diretto della videata e ogni elemento IonTab contiene un IonStdPage.
In questo modo è l'elemento IonStdPage che si occupa, tra le altre cose, anche dello scroll. In particolare nel dom viene aggiunto un elemento con tag scroll-content che viene usato per rendere scrollabile il contenuto.

Se vuoi tenere la struttura così com'è puoi provare ad aggiungere un container come elemento base all'interno di ogni tab e poi impostargli lo stesso css dell'elemento scroll-content oppure assegnare alla sua proprietà tag il valore "scroll-content" per renderlo un elemento con tag <scroll-content> come quello dell'IonStdPage.

[d.termini]

Grazie Vittoria,
con il container e tag "scroll-content" funziona lo scroll, strano che non funzionasse con l'elemento scroll content, però le tab coprono l'ultimo campo, in caso per questo posso fare un workaround.