Missing scrollbar when opening another page from a bootstrap popup modal

Asked Dec 23 '14 at 07:05

Active Dec 23 '14 at 10:34

Viewed 781 times

I am using bootsrap-3 and angular to build SPA. I have many modal popups and those popup has links which lead to other pages and those pages need scrolling (length in nature). But when I open any of those page from a modal popup (bootstap modal) the scroll bar is not visible, I need a refresh to see the scroll bar.

If anyone have gone through such issue and got a solution, please suggest how can I fix this.

edited Dec 23 '14 at 10:34

try-catch-finally

7,436
6
46
67

asked Dec 23 '14 at 07:05

Premchandra Singh

14,156
4
31
37

1

look at class added to body tag, and css associated, when modal is initialized. The body overflow is set to hidden – charlietfl Dec 23 '14 at 07:10
Are you using Angular UI Bootstrap, or...? – cvrebert Dec 23 '14 at 07:14
1

Thanks @charlie 'modal-open' class and some style are left behind to the body tag. Now I can figure out a work around. – Premchandra Singh Dec 23 '14 at 07:15
Can you tell me how you fixed this.. – Javascript Coder Mar 23 '15 at 08:33
1

@JavascriptCoder In my earlier comment I point out that 'model-open' class does not removed when popup is closed. So you try to remove the class when popup is closed or simply change the css to `.modal-open { overflow: auto;}` – Premchandra Singh Mar 23 '15 at 09:40

Missing scrollbar when opening another page from a bootstrap popup modal

0 Answers0