Pseudo elements in buttons are not clickable

NEW
Unassigned

Status

()

P3
normal
2 years ago
a year ago

People

(Reporter: memmie, Unassigned)

Tracking

48 Branch
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(1 attachment)

(Reporter)

Description

2 years ago
Created attachment 8770070 [details]
https://jsfiddle.net/98j7vo8k/1/

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:48.0) Gecko/20100101 Firefox/48.0
Build ID: 20160706215822

Steps to reproduce:

1. Create a button element with a pseudo element overflow the button border-box
2. Click on the overflowed part


Actual results:

The button can't be click with its pseudo element. If you use an other element like a span or a div, you can click on the pseudo element


Expected results:

Click on the pseudo element whatever the element is
(Reporter)

Updated

2 years ago
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Works in Safari & Chrome.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P3

Comment 2

a year ago
It seems that the bug is not limited to pseudo elements and affects anything inside the button that is positioned outside its border. Example: https://jsfiddle.net/Ld1dyus4/ (part of pseudo element contained in the button is clickable, but the rest of this pseudo element, positioned span and positioned pseudo element are not clickable).
You need to log in before you can comment on or make changes to this bug.