Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Darren Healy
.a{fill-rule:evenodd;}techdegree
Darren Healy
Front End Web Development Techdegree Student 23,565 Points

Bootstrap modal on iphone 5 & safari - modal will not scroll - but instead background (the main site body) is.

Hi there :)

I think maybe this is a CSS issue. But I'm not 100% sure.

I have two sites:

I was testing them on my iPhone 5 and all seemed well (bar a few bugs I need to fix) until I came to the modal. Now here's the thing that's not working. The modal opens fine and scrolls at first, but when you enter into the form field and type the appropriate info - name or whatever - then you exit the form to fill in the other fields, it now stops scrolling and instead the main site body scrolls in the background.

Obviously that's not what I or the users will want. How do I fix this?

Thank you in advance for your help.