Open Bug 1375877 Opened 5 years ago Updated 3 years ago

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


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

54 Branch





(Reporter: kizmarh, Unassigned)


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/ Yowser/2.5 Safari/537.36

Steps to reproduce:

Simple example:

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.
Component: Untriaged → Event Handling
Product: Firefox → Core
Any thoughts, Stone?
Flags: needinfo?(sshih)
Priority: -- → P3
This is because we follow html4 model where events are targeted to <button>, not to elements inside buttons.
(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.
Flags: needinfo?(sshih)
Component: Event Handling → User events and focus handling
You need to log in before you can comment on or make changes to this bug.