[Webkit-unassigned] [Bug 134546] New: CSS transitions applied to pseudo elements are stifled by changing content

[bugzilla-daemon at webkit.org]

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

           Summary: CSS transitions applied to pseudo elements are stifled
                    by changing content
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
               URL: https://colons.co/pseudo/
        OS/Version: Mac OS X 10.9
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: webkit-bugzilla at colons.co


Steps to reproduce:

- Visit https://colons.co/pseudo/ or load up the attached HTML file in Safari
- Click 'unchanging' and observe the transition successfully applied to a pseudo-element
- Click 'inactive', and observe the animation getting ignored

Note that that page has no styles whatsoever applied to non-pseudo elements. The only difference between the pseudo elements is that the content is changed on one when it is class="active". That shouldn't be enough to break transitions.

Observed on iOS and OS X. Firefox and Chrome exhibit no such problem.

You can work around it by associating the content change with a different class name and setting a timeout to change the visual active state, but this approach is not foolproof.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.