Здравствуйте, RonWilson, Вы писали:

RW>Немного офф, а на это кто-то вообще обращает внимание? Можно же считать это трактовкой так: пробел это акселератор, никто же не возмущается при нажатии esc что не происходит восхитительных показов картинок

Я по наивности думал, что отрисовка нажатия кнопки не должна зависеть от способа нажатия.

Кстати, сегодня столкнулся с еще одной мелкой проблемой, обнаруженной в Firefox, но не в Chrome. Есть кастомный выпадающий список с CSS-анимацией.

Часть стилей для выпадающего списка в закрытом состоянии:

 
transform-origin: top;
transform: scaleY(0);
transition: transform .2s ease-in-out;

Стили для выпадающего списка в открытом состоянии:

 
transform: scaleY(1);

В Firefox в процессе раскрытия списка один из элементов, накрываемых сверху списком, на долю секунды проглядывал из-под раскрывающегося списка, что было весьма заметно.

Проблему удалось решить, внеся нехитрое изменение в transition:

 
transition: transform .2s linear;

Если интересно, вот простенькая форма, о которой идет речь:
https://reactjs-form-layout-test-20210130.netlify.app/

А вот репозиторий:
https://github.com/Lazyt3ch/reactjs-form-layout-test

Здравствуйте, RonWilson, Вы писали:

RW>Немного офф, а на это кто-то вообще обращает внимание? Можно же считать это трактовкой так: пробел это акселератор, никто же не возмущается при нажатии esc что не происходит восхитительных показов картинок

Я по наивности думал, что отрисовка нажатия кнопки не должна зависеть от способа нажатия.

Кстати, сегодня столкнулся с еще одной мелкой проблемой, обнаруженной в Firefox, но не в Chrome. Есть кастомный выпадающий список с CSS-анимацией.

Часть стилей для выпадающего списка в закрытом состоянии:

 
transform-origin: top;
transform: scaleY(0);
transition: transform .2s ease-in-out;

Стили для выпадающего списка в открытом состоянии:

 
transform: scaleY(1);

В Firefox в процессе раскрытия списка один из элементов, накрываемых сверху списком, на долю секунды проглядывал из-под раскрывающегося списка, что было весьма заметно.

Проблему удалось решить, внеся нехитрое изменение в transition:

 
transition: transform .2s linear;

Если интересно, вот простенькая форма, о которой идет речь:
https://reactjs-form-layout-test-20210130.netlify.app/

А вот репозиторий:
https://github.com/Lazyt3ch/reactjs-form-layout-test

P.S. Рано я радовался: проблема с проглядывающим элементом как была, так и осталась. Только вот почему-то проявляется она только в build-версии (доступна по приведенной выше ссылке), а в development-версии ее вроде бы нет.