Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Escape key closes modal with multi-select inside it

See original GitHub issue

Introduction

When the multiselect component is inside of a modal it’s not possible to close it with the escape key. Instead it closes the entire Modal. This doesn’t happen with a normal <select> HTML element.

Here’s a little repl and video to show you more clearly: https://svelte.dev/repl/6a6073ad3f6c4ce28545b64290a4c433?version=3.50.1

https://user-images.githubusercontent.com/43886029/192564879-e45a280e-b39e-4599-b50f-5e9fccbe3746.mp4

Steps to reproduce

tab to modal
hit enter to open modal
tab to the MultiSelect field
hit escape to close

Expected result

MultiSelect field closes, and Modal stays open.

Actual result

Modal closes

Issue Analytics

State:
Created a year ago
Reactions:1
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

janoshcommented, Oct 3, 2022

This is out now in v7.0.0.

1reaction

janoshcommented, Oct 3, 2022

@Snailedlt The fix is not yet released. I’ll cut a new release soon once #123 is merged. Once that’s out it’s as simple as telling your package manager (npm, yarn, pnpm) to update svelte-multiselect followed by consulting the readme to see if any of the recent breaking changes concern you.