Why won't this example work in fireFox?

Question

css

Task: it is necessary that when clicking on the btn1 button, a click on the btn2 button is called (the btn2 button should not be visible), you can see an implementation example at the link https://jsfiddle.net/gLLsrxxf/189/. This example will work in googleChrome , but will not work in FireFox
If you want to see .btn2 as an example, change the opacity property in the css class .btn2 to 1. When you click, a message is displayed in the console, which displays the name of the button that was clicked.

Answer 1

https://jsfiddle.net/gLLsrxxf/191/
PS most likely this is a button bug that eats the click event exclusively for itself, because if the button is replaced with a div, everything works

Answer 2

Different browsers will work this out differently and strictly speaking it is the behavior of chrome that is considered a bug. The ideologically correct way is to change the markup, for example, by making divas instead of loaves