Chakra-ui: [Drawer] DrawerOverlay allow to scroll content in IOS

Created on 8 May 2020  路  3Comments  路  Source: chakra-ui/chakra-ui

Go to https://chakra-ui.com/drawer, open drawer in iPhone, and try to touchMove DrawerOverlay, as a result you can scroll document and can't scroll DrawerContent... It's a seriously bug!

PS. You can't scroll DrawerContent if scroll event on DrawerOverlay hasn't ended yet

PR welcome 馃槆 Browser Support 馃審 Bug 馃悰

Most helpful comment

Thanks for chiming in @hfellerhoff.

Indeed it's related to the body-scroll-lock library and we've changed to use to a more reliable and actively maintained library "react-remove-scroll".

This issue has been fixed and we'll release an update shortly.

Thanks for reporting this @polRk

All 3 comments

Noticed this today as well, hope it will be fixed soon 馃槬

This looks like a Modal issue, as the document scroll on iOS happens with Modals as well (which is what Drawer is build off of).

Edit: After further searching, this looks like it could be an issue with the body-scroll-lock library (see here).

Thanks for chiming in @hfellerhoff.

Indeed it's related to the body-scroll-lock library and we've changed to use to a more reliable and actively maintained library "react-remove-scroll".

This issue has been fixed and we'll release an update shortly.

Thanks for reporting this @polRk

Was this page helpful?
0 / 5 - 0 ratings

Related issues

nainardev picture nainardev  路  3Comments

kripod picture kripod  路  3Comments

feross picture feross  路  3Comments

Aneureka picture Aneureka  路  3Comments

cyberwombat picture cyberwombat  路  3Comments