Closed
Bug 957686
Opened 11 years ago
Closed 11 years ago
Absolutely positioned children of <button> elements do not receive click/hover events.
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 562499
People
(Reporter: kristiankeane, Unassigned)
Details
Attachments
(1 file)
(deleted),
application/zip
|
Details |
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36
Steps to reproduce:
Create a button element, set overflow to visible and position to relative, append an absolutely positioned child to the button element. In the child create a child anchor element that when hovered changes color with href attribute to any location. Position child div absolutely, top: 100%, left: 100%;.
Attached to this report is a codepen demonstration, just open index.html in a browser.
Actual results:
Hovering on link does not change text color, clicking on link does nothing.
Expected results:
On hover link should change color, on click link should redirect to href location.
Not sure if this is the right component...
Status: UNCONFIRMED → NEW
Ever confirmed: true
Comment 2•11 years ago
|
||
Buttons do not propagate mouse events to their contents in general, on purpose. This has nothing to do with the absolute positioning bit.
Whiteboard: DUPEME
Updated•11 years ago
|
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•