Šuplík Honzy Hučína

Legrační bug textarea

Nový rok začneme s novým bugem. Pokud nastavíte prvku textarea šířku v procentech jinak než na 100% a pokud je tato textarea uvnitř bloku s nastaveným nenulovým bočním okrajem, dějí se v obou modech šestkového IE při psaní do ní veselé věci.

Jakmile totiž zapíšete první znak, šířka prvku textarea se změní. Vypadá to, že v tu chvíli zapomene Internet Explorer na to, že nadřazený prvek má okraj, a velikost textarea začne počítat, jako by nadřazený prvek okraj neměl. Například má-li nadřazený prvek margin-right:50% a textarea šířku také 50%, bude před psaním její šířka jen čtvrtina z celkové šířky (půlka z půlky). Po začátku zápisu se na margin-right zapomene a šířka textarea je náhle půlka z celkové šířky. V extrémních případech se dokonce může stát, že textarea přeteče nadřazený prvek.

Tento bug se dá ve standardním modu ošetřit snadno pomocí principu matrjošky. Textarea se obalí dalším blokovým prvkem, jemuž se nastaví šířka, kterou měla mít textarea. Naopak textarea dostane šířku 100%. Při stoprocentní šířce se již bug neprojevuje. Pro quirk mod se mi však rychlou nápravu nepodařilo najít. Na druhou stranu není vyloučeno, že tento bug již celkově opravila nějaká záplata od Microsoftu, jak tomu bylo u bugu označování.

Podívejte se na příklad.