[Webkit-unassigned] [Bug 163078] New: pseudo-element transitions on hover have a delay

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=163078

            Bug ID: 163078
           Summary: pseudo-element transitions on hover have a delay
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: PC
                OS: Windows 7
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: hibbard.tyler at gmail.com

When there are two :hover pseudo-classes at play--one for an element's :hover styles and another for a child element's pseudo-element hover styles (see example below)--the transition on the pseudo-element seems to have an erratic delay:

parent:hover {}
parent:hover child::after {}

Removing the initial parent:hover {} styles seem to rectify this issue and cause the pseudo-element's transition to run immediately as expected.

Here's a JSFiddle demo that runs transitions concurrently in Firefox, IE11, even Safari 5.1.7, but has a delay in Chrome:
https://jsfiddle.net/vzpbuk62/3/

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20161006/7a935dc9/attachment.html>