Skip to Main Content
Feature Request FR-2744
Product Area User Interface
Status CLOSED

11 Voters

Allow to enable scrolling in background with modal dialog

johannes.michler Public · Sep 14 2022

Idea Summary
When you navigate to a page that is a modal dialog, then no interaction with the “background” is possible. Usually this is obviously a good idea. However in some situations it might be helpful if scrolling of the background or even of certain components “in the background” would be possible

Use Case
We have an application for manually processing Payables Invoices. The invoice is shown on the left hand side (as a pdf), on the right hand side invoice header info is shown. On the right side we have an “add row” button which opens a modal dialog. Now from time to time one has to scroll through the invoice (either the entire page or within the pdf) in the background while processing information in the modal dialog. But on the other side we dont't want a non-modal dialog since we don't want the user to acutally “modify” something “in the background”

Preferred Solution (Optional)
Give control on “how modal” the “modal dialog” is, e.g. by a checkbox “allow scrolling of background”. Disallowing to scroll seems to be something implemented intentionally “for APEX”, so it is probably technically possible to allow to scroll.

We reviewed this idea carefully, and while it was interesting, we concluded that due to all the internal implications we need to take into account, it is unlikely to make its way into APEX.

Comments

Comments

  • johannes.michler OP 2.9 years ago

    Is there any idea for a workaround that is not “too ugly” how this can be implemented?

  • bshumway OP 2.1 years ago

    (sorry had to edit this a few times to get the right answer)

    On load of the modal… run the JavaScript to access the parent window and remove the class “apex-no-scroll” from the <body> element. That worked for me.

    You can also remove the div with the class “ui-widget-overlay” if you don't like the way the overlay darkens the page behind the modal. Albeit that would allow the user to click around on the parent page if you're okay with that.

  • vincent morneau Admin OP 2.1 years ago

    Hi @johannes.michler , the APEX team discussed this idea and it was decided that due to the accessibility implications, it should not be a declarative option as a modal dialog should take prevelence over the parent. Ben's solution requires some JS and should get you there.