Why do modal dialog boxes scroll the parent component? I would like a dialog box that didn't scroll its parent component like a sane modal dialog box. It is not normal behavior for a modal dialog to pass inputs (including but not limited to wheel events) directly to the deactivated background components. The whole point of modal is that the background is not accessible (event with wheel/scroll events ).
Hello Josh,
I have created a small sample trying to reproduce the described behavior. I am using modal IgxDialog inside a div with a long text that causes the content to overflow resulting in vertical scrollbar. On my side everything works as expected and I am able to scroll when the content when the dialog is closed, however when the dialog is open, I am not able to scroll the content, which is the default behavior. I am testing the sample in version 15.0.
One thing that may be causing the difference between the behavior is if you are using overlaySetting and you have set the modal property to false.
To test if the IgxDialog would trigger scroll events, I have set the scroll event of the div, it is triggered when the modal property is set to false, however if set to true the event does not trigger.
Here you can find my sample for your reference. Please test it on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve, please feel free to modify it and send it back to me along with steps to reproduce. Alternatively, if the behavior cannot be replicated, please feel free to provide your own sample.
Having a working sample on my side, which I can test and debug, is going to be very helpful in finding the root cause of this behavior.
Thank you for your cooperation.
Looking forward to hearing from you.
Regards, Ivan Kitanov