Firefox Bug: статус бар Zaniness

Поскольку эта проблема заняла у меня некоторое время, я думаю, что здесь стоит документировать информацию для будущих пользователей Google. Очевидно, это известная ошибка, но, насколько я могу судить, среди веб-разработчиков, похоже, мало что известно об этом.

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

Ничего не изменилось. Хотя у кнопок все еще оставалось достаточно места для плавания, в определенный момент некая невидимая сила подпирала окно - это было похоже на длинный, невидимый GIF-пиксель-шим (помните их?), Втиснутый в макет. Фактически, даже когда я сломал макет до одинокого H1, я увидел то же самое поведение. Элементы наследовали ширину CSS от какого-то другого источника? Если так, то где? Я был в тупике.

Я был в тупике

Из идей я сидел там рассеянно, масштабируя окно внутрь и наружу, когда заметил, что неправильное поведение, казалось, происходило именно в то время, когда иконки в моей строке состояния заканчивались. Я провел еще несколько тестов и, конечно же, удалил несколько значков из строки состояния, изменив поведение рендеринга страницы в моем окне.

Очевидно, что решения, принимаемые на уровне браузера Chrome, не должны влиять на отображение страницы.

Теперь есть все основания полагать, что это проблема Firefox с самого первого дня. Проблема заключалась в том, что в течение последних 18 месяцев авторы расширений склонялись к использованию строки состояния. Хотя я должен признать, что являюсь наркоманом расширения, даже базовый набор для веб-разработчиков теперь часто включает в себя:

  • HTML Validator
  • поджигатель
  • Screengrab
  • Dust Me Селекторы
  • Нет сценариев

Добавьте обычные средства просмотра, такие как Adblock, Stylish, Greasemonkey и Gmail Manager, и это становится проблемой, которую мы, вероятно, увидим больше с каждым днем.

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

По иронии судьбы, он добавляет еще одну иконку к вашей строке состояния, но, по крайней мере, дает вам возможность отключить проблемы со строкой состояния.

Помните их?
Элементы наследовали ширину CSS от какого-то другого источника?
Если так, то где?