[bug][forum] Overflow van tekst in het zoekveld viewport

[Raegin]

Op een viewport kleiner dan 786px breed loopt een lange zoekterm door buiten het invoerveld.



Op een tablet zul je er niet zo snel tegenaan lopen, maar op mobiel heb je aan drie lange woorden voldoende. Dit komt in ieder geval voor op Chrome op Android (Huawei Mate 20 Pro) en Chrome op MacOS.

De content van het zoekveld wordt opzij geduwd door combinatie van een position: absolute op de input en een margin-left in de volgende selector:

code:

#search .options + .keyword

Hierdoor verliest de input zijn overflow-property.

De position: absolute wordt alleen geplaatst binnen de volgende mediaquery:

code:

media="(max-width: 767px), (max-device-width: 767px) and (orientation: portrait), (max-device-width: 499px) and (orientation: landscape)"

Dit lijkt niets anders te doen dan dit bugje te veroorzaken, het zou kunnen zijn dat het nodig is om een ander probleem te verhelpen maar ik kan niet vinden wat dat zou moeten zijn. Het verwijderen van de position: absolute verhelpt het overflow probleem in ieder geval.

[crisp]

Inmiddels gefixed