Hi,
In my idea , this issue caused by not following some standards on designing the DOM of modal.
You provided an absolute and flex modal in your component.
It should be appear at the end of body tag , as other overlays that provided by others(that i mentioned it a a standard).
It causes that your absolute overlay depends on body but with your design , it appears where it React tag inserts. If the parent of it would be a box(div or ...) with style "position : relative" it doesn't depend on body dimensions and relative box limits it.
As the summary , it's better that you make changes to make overlay DOM at the end of body to solve this problem.
Hi, In my idea , this issue caused by not following some standards on designing the DOM of modal. You provided an absolute and flex modal in your component. It should be appear at the end of body tag , as other overlays that provided by others(that i mentioned it a a standard). It causes that your absolute overlay depends on body but with your design , it appears where it React tag inserts. If the parent of it would be a box(div or ...) with style "position : relative" it doesn't depend on body dimensions and relative box limits it.
As the summary , it's better that you make changes to make overlay DOM at the end of body to solve this problem.
With love and thanks a lot !