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

UNCONFIRMED
Unassigned

Status

()

defect
P3
normal
UNCONFIRMED
2 years ago
a month ago

People

(Reporter: kizmarh, Unassigned)

Tracking

54 Branch
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

2 years ago
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.
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
Product: Core → Core
You need to log in before you can comment on or make changes to this bug.