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 ?
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.
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.