geist-ui icon indicating copy to clipboard operation
geist-ui copied to clipboard

Unexpected behavior in the Drawer component when using the 'keyboard' and 'disableBackdropClick' properties together.

Open LeonamMoura opened this issue 2 years ago • 0 comments
trafficstars

Bug report 🐞

Using the keyboard and disableBackdropClick properties on the Drawer component, follow these steps to reproduce the issue:

  1. Open the Drawer
  2. Click outside the Drawer (on the backdrop/shadow).
  3. press "Esc"

The Drawer does not close when pressing Esc if the last click was on the backdrop / outside the Drawer

Version & Environment

  • Version of browser: Google Chrome 112.0.5615.138
  • Version of geist-ui/core: 2.3.8

Expected Behaviour

The behavior I expect is that, even if the last click was outside the Drawer, the component closes when pressing Esc.

Some users may get confused and may not understand that it is necessary to click inside the Drawer container for the Esc button to work to close it

LeonamMoura avatar Apr 30 '23 04:04 LeonamMoura