Guten abend zusammen,
mir ist kürzlich bei einer Oberfläche ein merkwürdiges Phänomen aufgefallen:
Innerhalb eines Containers, der ab einem bestimmten Umbruchpunkt (Tablet und Smartphone) breiter als das Fenster wird und deswegen overflow-x: auto hat, liegt ein Formular.
Das Formular ist durch den Container ebenfalls horizontal scrollbar, soweit so gut.
Betätigt man auf dem Tablet- oder Smartphone-Format aber ein Select-Feld aus dem Formular, dann bricht die Liste mit den Optionen aus dem Fenster aus (was man wohl auf einem Smartphone nicht sehen sollte), aber auf dem Desktop eben, da der Container durch das overflow-x: auto ja (eigentlich) genug Breite mitbringt.
Hat jmd. eine Idee oder einen Ansatzpunkt, wie man dieses Verhalten vermeiden kann?
Hier ein simples Fiddle:
https://jsfiddle.net/pb5f9qr5/
Wenn man die Breite dieses Fensters auf unter 500px verringert und dann das Select-Feld betätigt, sieht man das oben beschriebene Verhalten.
Was kann man tun, damit die Liste mit den Optionen nicht aus dem Fenster ausbricht?
mir ist kürzlich bei einer Oberfläche ein merkwürdiges Phänomen aufgefallen:
Innerhalb eines Containers, der ab einem bestimmten Umbruchpunkt (Tablet und Smartphone) breiter als das Fenster wird und deswegen overflow-x: auto hat, liegt ein Formular.
Das Formular ist durch den Container ebenfalls horizontal scrollbar, soweit so gut.
Betätigt man auf dem Tablet- oder Smartphone-Format aber ein Select-Feld aus dem Formular, dann bricht die Liste mit den Optionen aus dem Fenster aus (was man wohl auf einem Smartphone nicht sehen sollte), aber auf dem Desktop eben, da der Container durch das overflow-x: auto ja (eigentlich) genug Breite mitbringt.
Hat jmd. eine Idee oder einen Ansatzpunkt, wie man dieses Verhalten vermeiden kann?
Hier ein simples Fiddle:
https://jsfiddle.net/pb5f9qr5/
Wenn man die Breite dieses Fensters auf unter 500px verringert und dann das Select-Feld betätigt, sieht man das oben beschriebene Verhalten.
Was kann man tun, damit die Liste mit den Optionen nicht aus dem Fenster ausbricht?
Kommentar