Skip to content

UX blocked when user hits Back Button #2323

@gte451f

Description

@gte451f

Flux version

v2.10.2

Livewire version

v3.7.4

Tailwind version

v4.0.7

Browser and Operating System

Chrome + Ubuntu

What is the problem?

Steps to reproduce:
When a user navigates to another page via a link rendered within a drop-down and then clicks the browser's back button, leftover classes may block future page interaction.

Initial Page
Image

After clicking Browsers back button:
Image

Code snippets to replicate the problem

Here is a basic blade file in a livewire component to demonstrate the problem.

<div class="">
    <flux:dropdown>
        <flux:button icon:trailing="chevron-down">Options</flux:button>
        <flux:menu>
            <flux:menu.item variant="danger" icon="bolt" href="[some-url]" wire:navigate>
                Load Some Page
            </flux:menu.item>
        </flux:menu>
    </flux:dropdown>
</div>

Screenshots/ screen recordings of the problem

Example dropdown just before click

Image

How do you expect it to work?

When clicking the back button, a user should be able to interact with the underlying page element.

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.

Metadata

Metadata

Assignees

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