Unnecessary Scroll is introduced

Hi All, I am using popUp , inside this popUp i am using a form to fetch details of the user , the max height of this popUp is 80% , so if the height of the form increases a scroll is shown which is intended and should be as it is .
But the problem is , on form submit button , I have a event in which i am triggering a custom event and many other actions, so when custom event starts executing a scroll is introduced not sure why , and when an action to reset popUp is run the the extra scrolls disappears. What might be the problem anyone ?


Any help is appreciated.

Whatever the even is, it might be introducing elements that cause a slight increase in the height of the popup, even a 1px border on an element will do it.

But right now what i have done is that even if the height of the form increases (there are few components that are rendering dynamically in the form itself ) then the main scroll will handle it. Not sure why a 2nd scroll is introduced on an action that triggers a custom event which doesn’t even perform anything on UI.

Screen Shot 2024-08-05 at 4.06.04 PM

This is the element that is likely causing the second scroll…something that is shown likely based on an action

Also, the red arrow is pointing to the main scroll, while the one next to it is added likely because of the element in the screen shot above.

Great observation @boston85719 , by the way the issue is resolved now , we tried a hit and try method , i.e there is a group in which the submit btn resides , so when it is hidden (collapsed) the 2nd scroll was introduced , so what we did was fixed the height of the group in which the submit btn is residing. IDK that if this is the actual solution to this U.I problem , but as of now it fixed the issue.

Sounds like the solution. Glad you got it fixed.

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.