[Webkit-unassigned] [Bug 222622] New: iFrame in modal is not receiving height change when modal goes from display:none to display:block

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=222622

            Bug ID: 222622
           Summary: iFrame in modal is not receiving height change when
                    modal goes from display:none to display:block
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: Unspecified
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: isa at archive.org

Created attachment 422006

  --> https://bugs.webkit.org/attachment.cgi?id=422006&action=review

LEFT: problem in Safari, RIGHT: Expected view like Firefox & Chrome

Repro:
on safari, go to: https://www.betterworldbooks.com/product/detail/Little-Brother-9780765319852
wait for page to load, then open book preview
preview modal shows details page with empty theater

On Firefox, Chrome:
go to: https://www.betterworldbooks.com/product/detail/Little-Brother-9780765319852
wait for page to load, then open book preview
preview modal shows Book in full immersion mode


------------


TLDR: Safari is not passing through the height change with its CSS engine when the modal pops up (using: `display: none => display: block`).
FF & Chrome do.

i put 2 iframes here: https://deploy-preview-644--lucid-poitras-9a1249.netlify.app/bookreaderdemo/demo-ia-bwb-preview

i put some logging in (DEV modal) in with the Book's resize observer, and do note that Safari is not catching the modal CSS switch: display: none => display: block used in BWB side.repro steps:

- go to link in firefox -> open dev console
- note output in console for #BookReader resize observer:
  - yes, fullscreen is on
  - && height is at 0px
- wait till all assets are loaded -> click “Open Dev Modal” -> BR is in “fullscreen”
- #BookReader Resize Observer console output: height = 500px

Safari repro steps:
- got to link & open dev console
- note output in console for #BookReader resize observer:
  - yes, fullscreen is on
  - && height is at 0px
- wait till all assets are loaded -> click “Open Dev Modal” -> details page, empty theater
- #BookReader Resize Observer console output: height = 0px

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210302/8a0b7abd/attachment.htm>