Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug][Popup] Scroll jumps if the body and the first element within the body is not with 100% height and overflow auto #1804

Open
kdikov82 opened this issue Dec 14, 2023 · 1 comment
Labels
Bug Item which indicates that something is not working pkg:Popup SEV: Medium

Comments

@kdikov82
Copy link
Contributor

I'm submitting a...

  • Bug report

Current behavior

The components that open a Popup are used, if the body element and the first child element within the body do not have 100% height and overflow auto, the scrollbar jumps when the popup is opened

Expected behavior

The scroll position should remain the same

Minimal reproduction of the problem with instructions

Open the following example:
https://stackblitz.com/edit/3uikpe-bszx85?file=src%2Fmain.vue,public%2Findex.html

Scroll down a little and then click on the DropDownList.
You will notice the main scroll bar changes its position

Setting the height of "html" and "body" to 100% height resolves the issue. However, if the html and body have 100% height, but the child element does not have 100% height and overflow auto, the same issue is observed:
https://stackblitz.com/edit/3uikpe-xysbmx?file=src%2Fmain.vue,public%2Findex.html

What is the motivation or use case for changing the behavior?

There should be no restriction within the layout of the page

Environment

Package versions: 7.0.0


Browser:

System:

@kdikov82 kdikov82 added Bug Item which indicates that something is not working pkg:Popup SEV: Medium labels Dec 14, 2023
@VincEnterprise
Copy link

Bump, stumbled into this issue as well with the Vue version:

https://www.telerik.com/forums/why-is-this-css-needed-to-have-a-properly-functioning-dropdownlist-with-custom-height-set-via-popup-settings-prop

Unfortunately setting the scroll container to the first child of causes alot of problems with other libraries.

If this could be fixed in the near future that would be greatly appreciated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Item which indicates that something is not working pkg:Popup SEV: Medium
Projects
None yet
Development

No branches or pull requests

2 participants