<LiNE> Tectonics shape the world, tagTONiC shapes the world wide web </LiNE>

Onzichtbare rechter border textarea in Chrome

Publicatiedatum: 17-04-2014
Categorie: tips, tricks and tragedies
Auteur: Marinka Noordhout

Responsive design is frustrerend! De bouw van een website kost drie keer zoveel tijd, maar de prijzen blijven nagenoeg gelijk. Als er dan ook nog bizarre dingen gaan gebeuren in je design als je percentages gaat gebruiken in plaats van pixels is de lol er snel vanaf ...

Het betrof vandaag een textarea die 97% van het tekstvlak moest beslaan. Werd het scherm kleiner, dan werd ook de textarea kleiner. Tot zover niets geks, tot ik het resultaat in de Chrome browser bekeek. Waar was de rechter rand gebleven?

Textarea border Chrome Issue

In alle andere browsers was er niets aan de hand? Je gaat wat lopen vogelen met de breedte en je gaat lopen zoeken naar elementen die er misschien boven op liggen maar dat loste het probleem niet op. Zelfs de breedte van de textarea in pixels opgeven hielp niet. Waarom doet mijn textarea in een formulier die ik reeds in tientallen sites heb gebouwd opeens zo raar?

Het waarom kan ik nog steeds niet beantwoorden, maar de oplossing is gevonden. Toen ik 97% wijzigde in 96.9% kreeg ik mijn rechter border terug...

NOU JA ZEG!!!

Als iemand me kan uitleggen waarom dit is, dan graag: marinka@tag-tonic.nl

« Overzicht nieuws en artikelen