Machinez
@Machinez

Неправильно работает флексбокс с тегом button в ff, как решить?

есть довольна большая кнопка, флексбокс использую для выравнивания элементов кнопки
Проблема: используя тег<a> для кнопки всё работает как нужно, но при смене тега на <button> в firefox элементы кнопки очень странно разъезжаются
в других браузерах всё хорошо.

пример на codepen

Qt6xh94.jpg
желтая - <button>, синяя - <a>

с чем связано и как решить? знаю можно заменить на inline-block, но хотелось бы узнать причину бага
  • Вопрос задан
  • 157 просмотров
Решения вопроса 1
https://bugzilla.mozilla.org/show_bug.cgi?id=984869
Мозила в очередной раз умнее всех.
P.S. в конце концов они переоткрыли тикет и возможно всё таки пофиксят эту "фичу".
Как workaround можете использовать <input type="button"/>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы