Bug 113636 - inherit value of visibility property does not work when both the parent and child node have visibility keyframe animation
Summary: inherit value of visibility property does not work when both the parent and c...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 7
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2013-03-30 00:57 PDT by Abhishek kumar
Modified: 2022-08-18 13:14 PDT (History)
9 users (show)

See Also:


Attachments
TestCase - The visibility property is inherited during the animation (1.20 KB, text/html)
2013-03-30 00:57 PDT, Abhishek kumar
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Abhishek kumar 2013-03-30 00:57:37 PDT
Created attachment 195847 [details]
TestCase - The visibility property is inherited during the animation

The visibility property of the parent during its keyframe animation is not inherited by its children(also having visibility keyframe animation). As per the standard when the "visibility" is set to "inherit" the "visibility" property will be set as its parent. 

While for the other cases when the parent have "visibility" animation and the child does not have any "visibility" animation and vice versa, the value is inherited properly.



Attached is an experiment and the explanation is below
-------------------------------------------------------

<div id="d1"> is the parent div having a red rectangle which have visibility keyframe animation which makes the child visible for 1s and then invisible for the next 1s.
<div id="d2"> is the child of the <div id="d1"> having a blue rectangle which has a visibility keyframe animation to make it behave like its parent by using the inherit value in the visibility property.

Expected Result
---------------
The canvas(red rectangle) under <div id="d1"> is on for the first 1s and then off for the next 1s. Then after the end of the animation i.e after 2s it is visible.
The canvas(blue rectangle) under <div id="d2"> behave as the above canvas i.e it will be on for the first 1s and then off for the next 1s, then after the end of the animation i.e after 2s it is visible.


Result Seen
-----------
The canvas(red rectangle) under <div id="d1"> behaves as expected.
The canvas(blue rectangle) under <div id="d2"> is always on and does not become hidden after 1 second, means it did not inherit the visibility property from parent
Comment 1 Ahmad Saleem 2022-06-01 14:29:44 PDT
I am still able to reproduce this bug in Safari 15.5 on macOS 12.4. Safari matches Firefox Nightly 103 behavior where Blue rectangle does not disappear while red works as described in Expected Result. In case of Chrome Canary 104, it syncs and both disappear same time.
Comment 2 Radar WebKit Bug Importer 2022-06-01 18:51:05 PDT
<rdar://problem/94260483>