Skip to content

behind backdrop of modal/flyout #23

Description

@ultimateBusiness

When using with FluxUI, when you open a flyout, wire-spy is not on top anymore - it's behind the backdrop of the dialog and so it is not useable. I have added a backdrop-blur to the flyout, so I can't see anything from wire-spy ;-)

Activity

  1. PhiloNL commented on Oct 20, 2024

    @PhiloNL
    Contributor

    Hey @ultimateBusiness
    Could you take a look and see what the z-index is that flux is using? WireSpy is set to 99999999

  2. ultimateBusiness commented on Oct 31, 2024

    @ultimateBusiness
    Author

    The problem with this is the dialog itself - it has an own stacking order and is on top of everything when it's open, so your high z-index has no effect.
    Would be great if you can find a workaround to show wire-spy within a dialog as well.

  3. jhob101 commented on Jun 2, 2025

    @jhob101

    Also experiencing this issue. Using Flux UI and most of application is in modals meaning that I can't inspect with wirespy when a modal is open, rendering it fairly useless.

  4. jhob101 commented on Jun 11, 2025

    @jhob101

    @ultimateBusiness @PhiloNL I wrote a tampermonkey script to get around this by moving wireSpy into a dialog element when another modal is shown, and move it back again afterwards. It's a bit hacky, but does at least allow to inspect with a modal open.

    Although I've stopped using wire-spy now as it was causing a load of alpine errors. I would report them, but not convinced this project is still maintained? Shame as livewire dev tools that actually currently work don't appear to exist.

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

Metadata

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