I have a basic Modal Dialog loading on my SharePoint page through a function. It loads correctly and can scroll on desktops perfectly fine.

I began testing the page for mobile functionality on a new iPad Air. The web page that loads within the modal dialog is too large for the dialog box, but you can not scroll left or right on the iPad, leaving part of the web page inaccessible. Is there a setting I need to set to allow this to happen?

Below is my code:

function myDialog(theUrl) {
    var options = {
        url: theUrl,
        autoSize: true

1 Answer 1


You can force to display Scroll Bars using following styles

.ms-dlgContent {  

.ms-dlgFrame {

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.