search

Choices-js / Choices

A vanilla JS customisable select box/text input plugin ⚡️
https://choices-js.github.io/Choices/
MIT License
6.06k stars 598 forks source link

Menu not closing in item click or click outside --- only in Safari #1100

Open atstockland opened 1 year ago

atstockland commented 1 year ago

Describe the bug Menu exposes when clicked on, as expected, however does not close after clicking an item or clicking outside the menu. Even the DEMO page suffers from this. I have confirmed this issue does not exist in Chrome or FireFox. It seems to only exist in Safari.

To Reproduce Steps to reproduce the behavior:

  1. Go to the choices.js DEMO page on Safari, expose the "Multiple select input" or any select menu that exposes a dropdown (like Option groups).
  2. Notice the menu area will not close after selecting an item or clicking outside of the menu

Expected behavior Safari should act the same as the other browsers

Desktop (please complete the following information):

belabedmedoussama commented 1 year ago

you should add this to your css code 

.choices__list--dropdown{
.....
....
transform: translate3d(0, 0, 200px);
}
atstockland commented 1 year ago

Thanks @belabedmedoussama. That solution does work to fix the issue. It seems like a bug in the library though, that shouldn't require any css tweaks. My app is working better thanks to you suggestion.

ezitisitis commented 1 year ago

Looks like a duplicate of: https://github.com/Choices-js/Choices/issues/1056