seb-oss / green

Green is an open-source design system built by SEB.
https://storybook.seb.io/
Apache License 2.0
38 stars 50 forks source link

Dropdown: Issues with closing the dialog in Firefox #1503

Closed SEBRedas closed 1 month ago

SEBRedas commented 3 months ago

Bug already reported?

For which framework/library you are reporting the bug

React

Component name

dropdown

Description

With Chrome or Edge it is possible to close dropdown by either clicking on the form or anywhere outside the dialog. Meanwhile in Firefox it's only closing when item is selected (single-selection) or only by pressing ESC button in case dropdown is multi-select. Such behavior can be seen in the Storybook itself.

Steps To Reproduce

  1. Visit Storybook React/Dropdown - multi-select
  2. Click on dropdown where multi-select is enabled
  3. Try clicking anywhere around the dropdown - it is not possible to close it after selecting anything. Only ESC will close the dialog.

Current Behaviour

No response

Expected Behaviour

Dropdown should behave in Firefox the same way it does in any other supported browser.

EldRoos commented 2 months ago

Confirmed. I get same bug!