Hi, I've got an example of a similar scenario that I have implemented in my application. In short, I've added a button on the creator toolbar items to open a modal. This modal doesn't contain anything but a close icon (to demonstrate the issue I'm faced with). The problem is that when this modal is opened and closed, the creator page auto scrolls. The more you scroll in the creator page and then open the modal, the more the page will then auto scroll.
For example, to replicate this issue:
- Load the creator page
- Open and close the modal; this doesn't cause any auto scrolling on the survey creator page
- Scroll a little bit on the survey creator page
- Open and close the modal again
- Notice that when you close the modal, the page has auto scrolled
I've created a code sandbox to demonstrate the issue: https://codesandbox.io/s/peaceful-neumann-2brmgu?file=/src/SurveyCreatorComponent.jsx
I'm not sure if this behavior is to do with Survey Creator or something else, but would you have an idea as to why this is occurring?
Hello,
Thanks for the example and detailed playback steps, but I can't reproduce the behavior you described. I have recorded my actions on your steps on video, write to me what I am doing wrong or send us a video demonstrating your problem.
Olga,
SurveyJS Team
Hi Olga, could you scroll down the page a bit more? For example, could you scroll down to "page 2" and then try to open and close the modal? I think you should see the same behavior at that point. Like I mentioned, the problem occurs the more you scroll down the page.
Perhaps this behavior is related to the Dialog component, I can suggest using our pop-up dialog as a workaround. Take a look at this example.
Thanks for the example. I have two subsequent questions:
popupModel.title = "Title";
in the example, but what else are we able to do with it?