Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to make long modals scroll? #32

Open
THPubs opened this issue Oct 24, 2016 · 4 comments
Open

How to make long modals scroll? #32

THPubs opened this issue Oct 24, 2016 · 4 comments

Comments

@THPubs
Copy link

THPubs commented Oct 24, 2016

I included a signup form in the modal and in small (HD) screens and below it goes beyond the screen and I can't scroll it. How to fix it?

@davidvthecoder
Copy link

@yuanyan I second this.

@hnq90
Copy link

hnq90 commented Dec 26, 2016

Write another Modal component for yourself or use another library ✌️

@ChristianDavis
Copy link

ChristianDavis commented Dec 27, 2016

@THPubs Like any other container you can apply overflowy:auto, and it allows a scrollbar. You'll need a height set for it to work.
modalStyle={{
height: '90vh',
overflowY: 'auto',
}}

@josuemontano
Copy link

josuemontano commented Aug 17, 2017

@THPubs I fixed this issue for Drop, Wave and Outline modals in my fork: https://github.com/josuemontano/boron. Hope to make a PR soon.

Using that branch, you gotta set a max height for your modal:

<Modal modalStyle={maxHeight: '90vh'}/>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants