React-modal: Double scroll-bar after open the modal with a long detail in body.

Created on 7 Jan 2016  路  3Comments  路  Source: reactjs/react-modal

Most helpful comment

+1, having the same issue.

The solution is to set:

.ReactModal__Overlay
{
  overflow: auto;
}

.ReactModal__Body--open
{
    height: 100%;
    overflow: hidden;
}

All 3 comments

Isn't this a problem with how bootstrap styles modals?

A pull request with css that works better would be great, but please note the CSS has never been the primary feature here, that's why you have to inject, the idea is you add your own CSS to make it look like your app (and do whatever CSS you need).

+1, having the same issue.

The solution is to set:

.ReactModal__Overlay
{
  overflow: auto;
}

.ReactModal__Body--open
{
    height: 100%;
    overflow: hidden;
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

c0debreaker picture c0debreaker  路  4Comments

fabien-somnier picture fabien-somnier  路  3Comments

shaun-sweet picture shaun-sweet  路  3Comments

gavmck picture gavmck  路  3Comments

davidmfoley picture davidmfoley  路  3Comments