Bug 156018 - Transitions not honored when also changing display
Summary: Transitions not honored when also changing display
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-03-30 03:06 PDT by Raphael Schweikert
Modified: 2022-07-14 15:37 PDT (History)
4 users (show)

See Also:

Attachments
Testcase table>block (279 bytes, text/html)
2016-03-30 03:06 PDT, Raphael Schweikert 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Raphael Schweikert 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.
Comment 1 Roman Komarov 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.
Comment 2 Brent Fulgham 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.