Cookies op Tweakers

Tweakers is onderdeel van DPG Media en maakt gebruik van cookies, JavaScript en vergelijkbare technologie om je onder andere een optimale gebruikerservaring te bieden. Ook kan Tweakers hierdoor het gedrag van bezoekers vastleggen en analyseren. Door gebruik te maken van deze website, of door op 'Cookies accepteren' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt? Bekijk dan ons cookiebeleid.

Meer informatie
Toon posts:

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

Pagina: 1
Acties:
  • 99 views

  • Raegin
  • Registratie: september 2003
  • Laatst online: 23:04
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:
1
#search .options + .keyword

Hierdoor verliest de input zijn overflow-property.

De position: absolute wordt alleen geplaatst binnen de volgende mediaquery:
code:
1
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
  • Registratie: februari 2000
  • Laatst online: 00:27

crisp

Devver

Pixelated

Inmiddels gefixed :)

Intentionally left blank



Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Microsoft Xbox Series X LG CX Google Pixel 5a 5G Sony XH90 / XH92 Samsung Galaxy S21 5G Sony PlayStation 5 Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True