This seems somewhat related to bug #251592 When creating nested iframes dynamically in JavaScript, only the first 2 iframes are correctly rendered. It is necessary to use "document.write" to force the iframes to render properly on Safari (expect notably on Safari 16.3 as the aforementioned bug shows). Steps to reproduce : Go to the URL: https://sample.teads.net/demo/bugs/safari-nested-iframe.html Scroll down to the red rectangle Observe that you see "hey there 0" and "hey there 1". Expected: "hey there 0", "hey there 1", "hey there 2", "hey there 3". Open the page on Firefox or Chrome, and witness the expected behavior. I'm marking this as "Major" rather than "Critical" only because there is a workaround thanks to document.write.
<rdar://problem/105102996>
Created attachment 464920 [details] rendering of iframe 3 This is nested iframe 3 in blue.
The nested iframe should appear within the others, no?
This might have been fixed by https://github.com/apple/WebKit/pull/380
Matthieu could you confirm?
Hi Karl, sorry I have been out of office for a while. The bug is still present in Safari 17.1.2 as well as in Safari Technology Preview 17.4. The code works fine in both Chrome and Firefox latest versions.
Created attachment 469401 [details] rendering in safari, firefox, chrome iframe 2 and 3 are not visible the same way than they are visible in Firefox/Chrome. Confirmed that this is still happening in STP Release 185 (Safari 17.4, WebKit 19618.1.9.8) STP Release 186 (Safari 17.4, WebKit 19618.1.10.1.1)
<rdar://121021077>