I have popup dialog in which I am having several sections of scrollable area ( not a great design, I know). The entire dialog is also scrollable and we had given <FocusLock focusOptions={{ preventScroll: true }}> to prevent it from jumping to the top if the user clicked outside the dialog area.
However, preventScroll is affecting the scrolls inside the main dialog div. Is there any way to prevent the option from affecting the scroll in the inner div contents and apply it only for the outer div?
Version: 2.8.1
Issue Description:
I have popup dialog in which I am having several sections of scrollable area ( not a great design, I know). The entire dialog is also scrollable and we had given
<FocusLock focusOptions={{ preventScroll: true }}>
to prevent it from jumping to the top if the user clicked outside the dialog area.However,
preventScroll
is affecting the scrolls inside the main dialog div. Is there any way to prevent the option from affecting the scroll in the inner div contents and apply it only for the outer div?