react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

Safari > Dropdowns won't close on second button click

Open chris-cedrone-cengage opened this issue 2 years ago • 1 comments

Describe the bug

Safari doesn't close a Dropdown when using the Dropdown button. It remains on the screen after a second button click.

To Reproduce Steps to reproduce the behavior:

  1. In Safari, go to the doc site.
  2. Go to Dropdown.
  3. Click on any Dropdown button to open a Dropdown, then click again to close.
  4. Notice that the Dropdown remains open on the second click.

Expected behavior When a Dropdown button click opens a Dropdown, that same button should close the Dropdown when clicked again.

Desktop (please complete the following information):

  • OS: Mac OS Ventura
  • Safari
  • Version 16

chris-cedrone-cengage avatar Oct 04 '23 12:10 chris-cedrone-cengage

This comment describes the problem: https://github.com/downshift-js/downshift/issues/443#issuecomment-395227968

The problem seems to be that Safari on iOS triggers a blur event before the onClick event

silvalaura avatar May 22 '24 14:05 silvalaura