Bug 156018

Summary: Transitions not honored when also changing display
Product: WebKit Reporter: Raphael Schweikert <sabberworm>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: bfulgham, dino, kizmarh, simon.fraser
Priority: P2    
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Testcase table>block none

Raphael Schweikert
Reported 2016-03-30 03:06:08 PDT
Created attachment 275190 [details] Testcase table>block If I have a transition on some or more properties and a state change (class or pseudo-class change) occurs that changes one of these properties, the transition specified is not honored if the display property value also changes. Steps to reproduce: 1. Open the attached testcase 2. Hover over the text “Test” Expected Results: The color should fade to red. The change in the display value is visible immediately (in case of the testcase, the text after “Test” moves to the next line). Gecko and Blink seem to agree. Actual Results (Safari Nightly): The color change is immediate as is the change in the display value.
Attachments
Testcase table>block (279 bytes, text/html)
2016-03-30 03:06 PDT, Raphael Schweikert 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Roman Komarov
Comment 1 2016-05-23 01:59:52 PDT
I'm having the same problem, in both Safari Version 9.1 (11601.5.17.1) and Safari Technology Preview. My test case: http://codepen.io/kizu/pen/GZVENG The bug is not reproduced in all other major browsers: the transition is applied in Chrome, Firefox and IE11.
Brent Fulgham
Comment 2 2022-07-14 15:37:03 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.