search

telerik / kendo-angular

Issue tracker - Kendo UI for Angular
http://www.telerik.com/kendo-angular-ui/
Other
463 stars 213 forks source link

[Popup] Viewport Boundary Detection in a Scrollable Page #4340

Open georgi-sla opened 1 week ago

georgi-sla commented 1 week ago

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

  1. Create a Popup component.
  2. Set the overflow-y property of the page where the component is rendered so that it is scrollable.
  3. Toggle the Popup.
  4. Check the rightmost section of the component which is rendered beneath the scrollbar.

For further reference, please check out the following StackBlitz demo: https://stackblitz.com/edit/angular-mgcnum-mv5tsd

Expected behavior The Popup should not overlap with the scrollbar of the page where it is rendered.

Screenshots image