Skip to content

ESC Key Closes Flux Popups but Also Unintentionally Closes Other Elements #1176

Open
@seabasss

Description

Flux version

v2.0.1

Livewire version

v3.5.20

Tailwind version

v4.0.7

Browser and Operating System

Firefox Developer Edition 136.0b9 & macOS 15.1.1 (24B91)

What is the problem?

Currently, pressing the ESC key correctly closes open Flux popups such as dropdowns and datepickers, which is expected behavior. However, the event continues to bubble up, resulting in unintended side effects. For example, custom modal windows (not using the Flux modal component) on the page also close when ESC is pressed. It’s possible that the same behavior affects the Flux modal component as well.

Code snippets

Consider adding something like event.stopPropagation() after handling the ESC key within Flux popups to prevent it from affecting unrelated components higher up in the DOM.

How do you expect it to work?

The ESC key should close Flux popups (dropdowns, datepickers, etc.) as it currently does.
The ESC key event should be stopped from bubbling up after handling Flux components to prevent it from triggering other unrelated elements on the page.

Please confirm (incomplete submissions will not be addressed)

  • I have provided easy and step-by-step instructions to reproduce the bug.
  • I have provided code samples as text and NOT images.
  • I understand my bug report will be closed if I haven't met the criteria above.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions