CSS: Button :focus `outline-style: auto` on Mac OS X has outline around position absolute children
Reported by
ericwhit...@gmail.com,
May 30 2017
|
||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Steps to reproduce the problem: 1. Go to: https://ember-twiddle.com/921205c2d36d38f8ae0b7829344eeb76?openFiles=styles.app.css%2Ctemplates.components.my-component.hbs using Chrome on Mac OS X 2. Hover over button and click to focus 3. Change css from: .button:focus { outline: 5px auto green; } to .button:focus { outline: 5px solid green; } and you'll see the child tooltip no longer has focus outline What is the expected behavior? Child position absolute element shouldn't have outline. Safari Mac OS X has the same outline defaults (color just changed on example) as Chrome Mac OS X. But only chrome puts an outline around the tooltip child when focused. What went wrong? outline-style: auto; somehow causes position: absolute children to get an outline Did this work before? N/A Chrome version: 58.0.3029.110 Channel: stable OS Version: OS X 10.12.5 Flash Version:
,
Jun 2 2017
,
Jun 5 2017
The issue seems to be CSS inheritance rather than painting. Although maybe we have a check for "is inherited" when painting the focus ring. Happens on Linux too.
,
Jun 5 2017
,
Jun 6 2017
Able to repro on Chrome stable 58.0.3029.110 and tip of tree 61.0.3122.0 Requesting bisect
,
Jun 6 2017
Not style, this is an intentional painting thing according to: https://cs.chromium.org/chromium/src/third_party/WebKit/Source/core/layout/LayoutObject.h?l=1619-1622 Note that Gecko encloses the absolute positioned descendant in a simple rect, not a complex path, in its outline rendering.
,
Jun 6 2017
,
Jun 6 2017
Thanks for the investigation. Seems like an old issue.
,
Jun 7 2018
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jun 7 2018
|
||||||||||
►
Sign in to add a comment |
||||||||||
Comment 1 by shrike@chromium.org
, Jun 2 2017