Modal Media Viewport Overflow

Problem

When building a fixed/fullscreen modal (lightbox, dialog) containing a large media element (video, image, iframe) with footer content below it (captions, links, action buttons), the footer content gets pushed below the visible viewport. Since the modal typically locks body scroll (overflow: hidden), users cannot scroll to reach the hidden content.

The elements are present in the DOM and pass accessibility tree inspections, but they are physically invisible and unreachable.

Context / Trigger Conditions