WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED INVALID
182135
Pseudo elements not displayed correctly in columns
https://bugs.webkit.org/show_bug.cgi?id=182135
Summary
Pseudo elements not displayed correctly in columns
Gabriel
Reported
2018-01-25 12:15:43 PST
To keep it short: This demo worked till Chrome 62/Opera 49:
https://codepen.io/gab/pen/JOvgqz
Before Chrome 63+: Hover on a <li> will show a pseudo element. Since Chrome 63+: Hover on a <li> will show a pseudo element, unless the transition finishes. If there is no transition set the pseudo element doesn't show up at all. For some reason the pseudo element hides after the transition is finished. Removing that transition the pseudo element isn't displayed at all. Also the pseudo element will be clipped off and shown in the next CSS column. Related GitHub Issue:
https://github.com/chinchang/hint.css/issues/60
// Specially this comment
https://github.com/chinchang/hint.css/issues/60#issuecomment-357182990
Attachments
Add attachment
proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1
2018-01-26 14:58:12 PST
This is not the place to file Chrome issues (Chrome uses the Blink engine, not WebKit). Does the bug reproduce in Safari?
Gabriel
Comment 2
2018-01-27 14:03:43 PST
Silly me! Clearly forgot about that. Thanks for pointing out.
Gabriel
Comment 3
2018-01-27 14:21:52 PST
Moved here:
https://bugs.chromium.org/p/chromium/issues/detail?id=806543
*So people coming from search engine can follow this bug.
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug