1375877 - Hover (and similar events) on elements inside button don't work

Status: RESOLVED WORKSFORME

(Core :: DOM: UI Events & Focus Handling, defect, P3)

Description

[Roman Komarov]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 YaBrowser/17.6.0.1628 Yowser/2.5 Safari/537.36

Steps to reproduce:

Simple example: https://codepen.io/kizu/pen/mwMqNw

We can have a button with an element inside of it which can have declared hover/active states in CSS


Actual results:

When you hover the inner element with declared hover/active states, they're not triggered.


Expected results:

The hover/active states should trigger for elements inside a button.

Comment 1

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Any thoughts, Stone?

Comment 2

[Olli Pettay [:smaug][[e-mail]]]

This is because we follow html4 model where events are targeted to <button>, not to elements inside buttons.

Comment 3

[Ming-Chou Shih [:stone]]

(In reply to Hsin-Yi Tsai [:hsinyi] from comment #1)
> Any thoughts, Stone?

Had some discussion with Smaug and I have to survey more details about other browser's behaviors to figure out next step.

Comment 4

[Roman Komarov]

Testing this one — I think it can be closed, as I cannot reproduce it neither in stable nor nightly Firefox anymore.