Currently the footer actions (Cancel, Save, Reset) are rendered outside of the viewport when the FileUpload image editor is used on most mobile devices (inc. latest iOS and Android Chrome).
This is fixed by using 100dvh instead of 100vh/h-screen. Tailwind's h-[100dvh] is used instead of h-dvh to support backwards compatibility for people using custom themes on an older version of Tailwind, as mentioned in this comment.
Visual changes
Functional changes
[ ] Changes h-screen to h-[100dvh] on the image editor modal.
Description
Currently the footer actions (Cancel, Save, Reset) are rendered outside of the viewport when the FileUpload image editor is used on most mobile devices (inc. latest iOS and Android Chrome).
This is fixed by using
100dvhinstead of100vh/h-screen. Tailwind'sh-[100dvh]is used instead ofh-dvhto support backwards compatibility for people using custom themes on an older version of Tailwind, as mentioned in this comment.Visual changes
Functional changes
h-screentoh-[100dvh]on the image editor modal.