Large height overflowing through the top of the screen about react-swipeable-bottom-sheet HOT 3 CLOSED

I think the following solution accounts for the caveat I talked about in the last post:

body:{
	overflow: isOpen ? 'auto' : 'hidden',
	maxHeight: window.innerHeight,
	backgroundColor: 'white',
	...this.props.bodyStyle
}

Not sure how this could impact the rendering performance, but it's working fine in my Moto G 2nd generation.

from react-swipeable-bottom-sheet.

I added the property 'scrollOnWindowOverflow' which should do the trick.

from react-swipeable-bottom-sheet.

Awesome!

@manufont I found one more thing. When the main page already has a scrollbar, the bottom sheet gets a second one. As the bottom sheet is covering the whole screen, no interaction with the main page is expected and therefore it shouldn't be scrollable in this situation.

from react-swipeable-bottom-sheet.