113636 2013-03-30 00:57:37 -0700 inherit value of visibility property does not work when both the parent and child node have visibility keyframe animation 2023-02-20 03:38:25 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC Windows 7 RESOLVED CONFIGURATION CHANGED https://bugs.webkit.org/show_bug.cgi?id=251433 InRadar P2 Major --- 1 abhishek0687 webkit-unassigned ahmad.saleem792 ap bfulgham dino graouts rniwa simon.fraser webkit-bug-importer zalan oldest_to_newest 866568 0 195847 abhishek0687 2013-03-30 00:57:37 -0700 Created attachment 195847 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 1873375 1 ahmad.saleem792 2022-06-01 14:29:44 -0700 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. 1873474 2 webkit-bug-importer 2022-06-01 18:51:05 -0700 <rdar://problem/94260483> 1934936 3 ahmad.saleem792 2023-02-18 15:49:47 -0800 It seems to be fixed in WebKit ToT (260520@main) using mini-browser, while broken in Safari 16.3 and Safari Technology Preview 163. Marking this as "RESOLVED CONFIGURATION CHANGED". Thanks! 1935042 4 graouts 2023-02-20 03:38:25 -0800 Thanks for catching this Ahmad. Indeed, this progressed with 259631@main, the fix for bug 251433. 195847 2013-03-30 00:57:37 -0700 2013-03-30 00:57:37 -0700 TestCase - The visibility property is inherited during the animation VisibilityInheritanceTest.html text/html 1232 abhishek0687 PGh0bWw+DQoJPGhlYWQ+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkJCQ0KCQkNCg0KDQoJ CQkjZDENCgkJCXsgDQoJCQkJLXdlYmtpdC1hbmltYXRpb24tbmFtZTphbmltMTsNCgkJCQktd2Vi a2l0LWFuaW1hdGlvbi1kdXJhdGlvbjoyczsNCgkJCX0NCgkJCUAtd2Via2l0LWtleWZyYW1lcyBh bmltMQ0KCQkJew0KCQkJCTAle3Zpc2liaWxpdHk6aW5oZXJpdDt9DQoJCQkJNTAle3Zpc2liaWxp dHk6aW5oZXJpdDt9DQoJCQkJNTAuMSV7dmlzaWJpbGl0eTpoaWRkZW47fQkJCQkNCgkJCQkxMDAl e3Zpc2liaWxpdHk6aGlkZGVuO30JCQkJDQoJCQl9DQoJCQkNCg0KCQkJI2QyDQoJCQl7CQ0KCQkJ CS13ZWJraXQtYW5pbWF0aW9uLW5hbWU6IGFuaW0yOw0KCQkJCS13ZWJraXQtYW5pbWF0aW9uLWR1 cmF0aW9uOjJzOw0KCQkJfSANCgkJCUAtd2Via2l0LWtleWZyYW1lcyBhbmltMg0KCQkJew0KCQkJ CTAle3Zpc2liaWxpdHk6aW5oZXJpdDt9DQoJCQkJNTAle3Zpc2liaWxpdHk6aW5oZXJpdDt9DQoJ CQkJNTAuMSV7dmlzaWJpbGl0eTppbmhlcml0O30NCgkJCQkxMDAle3Zpc2liaWxpdHk6aW5oZXJp dDt9DQoJCSAgfQ0KDQoJCQkNCg0KCTwvc3R5bGU+DQoJPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFz Y3JpcHQiPg0KCQkJd2luZG93Lm9ubG9hZD1mdW5jdGlvbigpDQoJCQl7DQoJCQkJdmFyIGRvYz0g ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImMxIik7DQoJCQkJdmFyIGN0eCA9IGRvYy5nZXRDb250 ZXh0KCIyZCIpOw0KCQkJCWN0eC5maWxsU3R5bGU9InJlZCI7DQoJCQkJY3R4LmZpbGxSZWN0KDAs MCwxNTMsNzgpOw0KCQkJCWN0eC5maWxsKCk7DQoJDQoJCQkJdmFyIGRvYzE9IGRvY3VtZW50Lmdl dEVsZW1lbnRCeUlkKCJjMiIpOw0KCQkJCXZhciBjdHgxID0gZG9jMS5nZXRDb250ZXh0KCIyZCIp Ow0KCQkJCWN0eDEuZmlsbFN0eWxlPSJibHVlIjsNCgkJCQljdHgxLmZpbGxSZWN0KDAsMCwxNTMs NzgpOw0KCQkJCWN0eDEuZmlsbCgpOw0KCQkJfQ0KCTwvc2NyaXB0Pg0KCTwvaGVhZD4NCgk8Ym9k eSA+DQoJCQkJCQ0KCQk8ZGl2IGlkPSJkMSI+DQoJCQk8Y2FudmFzICBpZD0iYzEiICB3aWR0aD0i MTUzIiBoZWlnaHQ9Ijc4Ij48L2NhbnZhcz4NCgkJCTxkaXYgaWQ9ImQyIj4NCgkJCQk8Y2FudmFz ICBpZD0iYzIiICB3aWR0aD0iMTUzIiBoZWlnaHQ9Ijc4Ij48L2NhbnZhcz4JCQ0KCQkJPC9kaXY+ DQoJCTwvZGl2Pg0KDQoJPC9ib2R5Pg0KPC9odG1sPg0KDQo=