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)

26 Branch
x86
macOS
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 562499

People

(Reporter: kristiankeane, Unassigned)

Details

Attachments

(1 file)

Attached file HTML + CSS demonstration of bug (deleted) —
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.
Component: Untriaged → Layout
Product: Firefox → Core
Not sure if this is the right component...
Status: UNCONFIRMED → NEW
Ever confirmed: true
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
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → DUPLICATE
Whiteboard: DUPEME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: