When opening any Modal on mobile, you'll see that often the position and height of the Modal is incorrect e.g. the user first has to scroll up the modal to be able to see everything.
Steps to Reproduce
Open a Flarum instance on mobile
Open any Modal (e.g. the Login Modal)
Expected Behavior
The expectation is that the Modal has the correct height and position when opening it already.
Current Behavior
When opening any Modal on mobile, you'll see that often the position and height of the Modal is incorrect e.g. the user first has to scroll up the modal to be able to see everything.
Steps to Reproduce
Expected Behavior
The expectation is that the Modal has the correct height and position when opening it already.
Screenshots
https://github.com/flarum/framework/assets/146922689/03f07899-3405-4de9-bdf2-058e457b9de0
Environment
Output of
php flarum info
Possible Solution
I propose to use dynamic viewport units, which already have broad support among browsers https://caniuse.com/viewport-unit-variants and are best explained here https://web.dev/blog/viewport-units
Additional Context
No response