Home/ Questions/Q 8081437
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T16:43:47+00:00

I am using Twitter Bootstrap, (CSS and JS). The problem comes from the Modal

  • 0

I am using Twitter Bootstrap, (CSS and JS).

The problem comes from the Modal plugin, it’s working fine on Firefox and IE but displays badly in Chrome: the Modal successfully pops up, but is hidden behind the modal-backdrop. This means that it becomes impossible to fill in the form or see the text contained in the Modal box.

It seems to be working fine on the Bootstrap website ( http://twitter.github.com/bootstrap/javascript.html#modals ) so I figured it could be related to a known bug with Chrome?

I’ve searched a solution without success. I didn’t modify any of the Bootstrap CSS or JS.

What did I miss?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The style -webkit-overflow-scrolling: touch; in section#maincontainer is causing this to happen as it seems to be conflicting with overflow: auto.

    I believe that -webkit-overflow-scrolling: touch; is supposed to be used to provide touch screen scrolling overflow within elements that use fixed positioning – so I don’t think you need to apply it to section#maincontainer.

    You might however want to apply it to modal-body as the parent uses fixed positioning and the content may overflow.

    http://css-tricks.com/mobile-webkit-overflow-scrolling/

    • 0