You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
Currently, when there is a scrollbar on the page and the Popup is rendered in its rightmost section, the component seems to overlap with the scrollbar, and the viewport boundary detection is not correctly applied.
To Reproduce
Create a Popup component.
Set the overflow-y property of the page where the component is rendered so that it is scrollable.
Toggle the Popup.
Check the rightmost section of the component which is rendered beneath the scrollbar.
yanmariomenev
changed the title
[Popup] Viewport Boundary Detection in a Scrollable Page
[Popup] Viewport Boundary Detection in a Scrollable Page or Container
Aug 5, 2024
Describe the bug
Currently, when there is a scrollbar on the page and the Popup is rendered in its rightmost section, the component seems to overlap with the scrollbar, and the viewport boundary detection is not correctly applied.
To Reproduce
For further reference, please check out the following StackBlitz demo: https://stackblitz.com/edit/angular-mgcnum-mv5tsd
Second example - https://stackblitz.com/edit/angular-x4bk52?file=src%2Fapp%2Fapp.component.ts
Just click the content inside the scrollable div.
Expected behavior
The Popup should not overlap with the scrollbar of the page where it is rendered.
Screenshots
The text was updated successfully, but these errors were encountered: