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
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Works in Safari & Chrome.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P3
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.