Skip to content
Snippets Groups Projects
Commit 7391d201 authored by Andreas Fernandez's avatar Andreas Fernandez
Browse files

[BUGFIX] Apply overflow to body in iframe loaded in modal

In TYPO3 v8, a "rebounce" protection was added to deny overscrolling
the document on iOS devices (aka "rubber band effect"). This caused an
issue in #98348 where the shortcut menu opened to the wrong side and
the rubber band fix got partially reverted, breaking modals where the
content is intended to be scrollable.

Also, the scaffold is "broken" on Apple devices as `100vh` is treated as
"100vh if the address bar is shrunk", leading to a larger and thus
scrollable scaffold when using `overscroll-behavior: none` [1], which
would've been the preferred solution to solve the scrolling issue.

The solution for the scrollable scaffold are dynamic viewport
units [2], but those are not supported in all browsers, yet, and also
revert `overscroll-behavior` (tested with iPadOS 16.1).

To have the original issue fixed somehow, a workaround now adds the CSS
class `with-overflow` to the `body` tag to all iframes rendered in
modals.

[1] https://caniuse.com/css-o...
parent 5dd37c3f
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment