Почему данный пример не будет работать в fireFox?

Question

[Виталий Кудла]

Задача: нужно чтобы при клике на кнопку btn1 вызывался клик по кнопке btn2(кнопка btn2 не должна быть видна) , пример реализации можете видеть по ссылке https://jsfiddle.net/gLLsrxxf/189/. Данный пример будет работать в googleChrome , но в FireFox работать не будет https://monosnap.com/file/UlrMOyeW2aPbPwX5TKBEiskT... , помогите разобраться почему и как можно починить чтобы работало в FireFox??

Если вы хотите увидеть .btn2 на примере поменяйте в css классу .btn2 свойство opacity на 1. При клике выводится сообщение в консоль, где отображается имя кнопки по которой кликнули.

Comments

[Ильдар Гизетдинов]

Просто для понимания, зачем вы делаете клик по прозрачному элементу, вместо того чтобы просто в клике кнопки 1, вызвать дополнительный обработчик?

Answer 1

[Ильдар Гизетдинов]

https://jsfiddle.net/gLLsrxxf/191/

P.S. скорее всего это баг button который съедает событие клика исключительно под себя, потому что если button заменить на div - все работает

Comments

[Виталий Кудла]

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

[Ильдар Гизетдинов]

Виталий Кудла: такая разметка тоже не годится, вы конечно безусловно сможете такое поддерживать, потому что сами и сделали, но для другого разработчика это будет "вырви глаз". И читайте внимательно, я написал почему это скорее всего происходит.

[Ильдар Гизетдинов]

Виталий Кудла: если хотите можете свой дистрибутив мозилы распространять исправив эту ошибку, тогда вам видимо будет комфортно

[Виталий Кудла]

Да спасибо за ответ, очень интересное поведение для button. Вырви глаз, ну не знаю, кнопка внутри кнопки , что тут вырывать ))))? Такая разметка как раз очень годится, она позволяет подменять кнопку, к примеру если вместо btn2 будет какой нить iframe со своей кнопкой которую никак нильзя стилизовать.

[Ильдар Гизетдинов]

Виталий Кудла: что-то мне подсказывает, что вы не сможете тоже самое проделать с айфреймом. ну да ладно, вам видней)

[Виталий Кудла]

Ильдар Гизетдинов: То что вам подсказывает, вас глубоко заблуждает ;), уже проделывал. Свой дистрибутив мозилы распространять? Вы серьезно?

[Ильдар Гизетдинов]

Виталий Кудла: это был сарказм, на ваш ответ)

Answer 2

[Виталий Кудла]

Разные браузеры отработают это по разному и строго говоря именно поведение хрома считается багом. Идеологически верный путь - именно поменять разметку например сделав вместо батонов дивы