RESOLVED CONFIGURATION CHANGED 156018
Transitions not honored when also changing display
https://bugs.webkit.org/show_bug.cgi?id=156018
Summary Transitions not honored when also changing display
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
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.