06 февраля 2011 :Баги в браузерах

За последний год, мной было найдено множество багов в браузерах, во время вёрстки, поэтому, чтобы вы не думали что я ничем не занимаюсь, я хочу привести некоторые из них.

Opera

button bug — один из самых сложновыявляемых и странных багов, присутствует начиная с 10 версии, в текущей 11 не исправлен. Суть бага в том, что у оперы обнаружилось странное поведение, когда кнопка <button> краем заходит за видимую границу области, опера при клике на кнопку пролистывает область вверх, или влево. Закрытая система багрепорта оперы не позволяет узнать как продвигается исправление бага.

Chrome

border clip bug — рецессия, предположительно с версии 7, не исправлена и в текущей 9.0. Суть бага в том, что у хрома не работает обрезание блока контента контейнером со скруглёнными краями, если контент абсолютно позиционирован относительно котнейнера.

#wrapper {position:relative;background:red;width:300px;height:100px;border-radius:10px;overflow:hidden;}
#content {background:black;width:300px;height:100px;position:absolute;color:white;}

Я думаю что этот баг связан с регрессией отображения box-shadow:inset, понаблюдать можно на этой страничке CSS3 Button.

td width bug — баг с ячейками таблиц, их ширина не схлопывается, если в ней присутствует текст или элемент, когда ширина ячейки обязательно должна быть нулевой. Баг работает берёт своё начало из ранних версий Safari, и не работает по текущие версии Safari 5 и Chrome 9.

Firefoxy

О любимой лисичке я могу написать много нелестного, но она остаётся моим основным браузером. Как бы, старый лис борозды не портит. Нижеприведённые баги не относятся к найденным мной во время вёрстки, потому что баги связанные с отображением исправляются очень быстро. Скорее тут описаны баги которые волнуют меня как пользователя.

Bug 343396 — Merge Reload and Stop buttons when they are adjacent — ui-разработчики мозиллы, предположили что будет удобно, когда кнопка «обновить» и «остановить загрузку» будут находиться на одном месте и чередоваться в зависимости от текущего статуса страницы. Не буду рассказывать чем это не удобно, расскажу как это отключить: чтобы отключить склеенную кнопку — нужно в редакторе меню переставить кнопки местами, или поставить пробел между ними. Ждёт вас в новом фф4. Я уже писала об этом баге тут.

Баги 606503 и 606474 о большой потере производительности браузера с включенными дополнениями skype и operator.

Bug 623615 — Scrolling by mouse wheel lagged on Add-ons Manager. Тормоза при прокрутке контента в контейнере со скруглёнными краями. Появился с версии ff4b9 вроде, особенно заметен и раздражает в менеджере дополнений.

Bug 587908 — On hyperlink hover, display the target in the location bar. Очередная глупая идея ui-дизайнеров — отказаться от строки состояния (статусбара), а все сообщения показывать в строке адреса. Опять таки принудительно и не опционально. Чтобы вернуть строку статуса назад придётся поставить дополнение Status-4-Evar. Не дай вам бог жить в эпоху перемен. Все кто обновятся на фф4 будут напуганы.

Bug 78414 — Application shortcut keys (keyboard commands such as f11, ctrl+t, ctrl+r) fail to operate when plug-in (flash, acrobat, quicktime) has focus — собственно название говорит за себя — если кликнуть по флешке, то комбинации клавиш, типа ctrl+t, не работают. 10 лет багу.

Bug 98168 — <xsl:text disable-output-escaping=«yes»> not working — это тот баг, из-за которого почти нет страниц с XSL-трансформацией на стороне браузера, хотя остальные (ie, opera, chrome) давно поддерживают. Все предлагаемые костыли не только некрасивы, но и не работают. Тоже 10 лет багу. Если не лень, проголосуй за него.

IE

Ничего не буду говорить о багах ie6-8, их тысячи, мои читатели вероятно знают их больше меня. Также ничего не могу сказать о IE9, по слухам он очень хорош, но я пользуюсь windows xp, а значит сей шедевр обошёл меня стороной. IE9 будет работать только под вистой и семёркой — Майкрософт достаточно самонадеянны чтобы отказаться от собственных двух третей аудитории.

UPD: Совсем забыла упомянуть баг с отображением <option> в разных браузерах. Поскольку баг кроссбраузерный я решила сначала уточнить у яна хигсона действительно ли это баг, к сожалению он пока не ответил (бывает отвечает через 3 месяца =)). Вот собственно описание на английском:

I really want a way to hide a <option> from displaying in the <select> menu. i found that there is no good <option> hiding implementation. The best implementation has firefox which support the html5 global "hidden" attribute for <option> element. It also support style="display:none;" method, which shoud be applied to all element (in specification css2.1 http://www.w3.org/TR/CSS2/visuren.html#propdef-display and css3 http://www.w3.org/TR/css3-box/#the-lsquo). But in firefox hidden option elements still could be accessed by keyboard. Firefox also support style="visibility:hidden". The next is Chrome, which support the visibility:hidden option, but does not support display:none, and html5 hidden attribute. Also the visibility:hidden elements appears visible when accessed by keyboard. Opera and Internet Explorer doesn't support any hiding method at all.
Аre there anything else simple crossbrowser methods to hide the option element?
Does the css/html specification clear enough for that case?
Does the hidden <option> elements can be accessed by keyboard inside
<select> element?

кто общается с зарубежными коллегами - задайте этот вопрос им. Собственно перевод:

Баг заключается в невозможности скрыть элемент <option> от отображения в теге <select>. На текущий момент нет возможности это сделать. Лучше всего с этим справляется firefox, который единственный пока поддерживает глобальный атрибут html5 "hidden" для элемента <option>. Он также поддерживает метод style="display:none;", который должен быть применим ко всем элементам (по спецификации css2.1 http://www.w3.org/TR/CSS2/visuren.html#propdef-display и css3 http://www.w3.org/TR/css3-box/#the-lsquo). Но в файрфоксе скрытый элемент option может быть доступен пролистыванием стрелочками с клавиатуры. Файрфокс также поддерживает style="visibility:hidden" (скрывает текст, но не убирает строку).
На втором месте Chrome, который поддерживает visibility:hidden, но не поддерживает display:none, и атрибут "hidden". Также элементы скрытые с visibility:hidden отображаются через навигацию с клавиатуры.
Opera и Internet Explorer вообще не поддерживают никаких методов скрыть элемент из списка.