Bug 182135
| Summary: | Pseudo elements not displayed correctly in columns | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Gabriel <codebrauer> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | hyatt, koivisto, simon.fraser, zalan |
| Priority: | P2 | ||
| Version: | WebKit Local Build | ||
| Hardware: | All | ||
| OS: | All | ||
| URL: | https://jsfiddle.net/d8cw85tw/ | ||
| See Also: | https://github.com/chinchang/hint.css/issues/60 | ||
Gabriel
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)
This is not the place to file Chrome issues (Chrome uses the Blink engine, not WebKit).
Does the bug reproduce in Safari?
Gabriel
Silly me! Clearly forgot about that. Thanks for pointing out.
Gabriel
Moved here: https://bugs.chromium.org/p/chromium/issues/detail?id=806543
*So people coming from search engine can follow this bug.