Home/ Questions/Q 6952647
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T14:22:34+00:00

Using a jquery dialog with modal: true by design disables interaction with other elements

  • 0

Using a jquery dialog with modal: true by design disables interaction with other elements on a page – including browser scroll bar (at least in Chrome). How can I sidestep this intended limitation for my specific use case, for example if a dialog has height:1000.

To be clear: I am well aware that I can add an overflow:auto scrollbar to my div, but this is not what I want to do. I am looking to override the jquery modal default that turns off interaction with just the browser scrollbar!

$("#your-dialog-id").dialog({autoOpen:true,modal: true, height:1000});

Example showing scrollbar inoperative (in Chrome): http://jsfiddle.net/GKfZM/139/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is actually a bug in Webkit (or jQuery UI, depending on who you’d like to blame).

    jQuery UI bug: http://bugs.jqueryui.com/ticket/4671

    Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=19033

    There’s a patch for jQuery UI included in the bug, but it’s not in UI trunk yet. This means modifying jQuery UI if you want to go that route.

    Best of luck!

    • 0