Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Firefox blue bar #591

Open
Jimmys20 opened this issue Nov 18, 2024 · 0 comments
Open

[Bug] Firefox blue bar #591

Jimmys20 opened this issue Nov 18, 2024 · 0 comments
Labels
Bug Something isn't working Triage Issue needs to be triaged

Comments

@Jimmys20
Copy link

Jimmys20 commented Nov 18, 2024

There was an older issue about a blue bar appearing on Firefox #501 that was closed as fixed by a newer browser version but I'm still getting this problem when using Firefox version 132.0.2. It appears because a div inside the focus-trap gets focused and disappears when you click anywhere in the page and it loses focus. You can work around the problem by using a css style like:

blazored-modal-focus-trap > div:focus-visible {
  outline: 0;
}

BlazoredModal

Also it happens only on the modals that I show automatically after the page loads (without user interaction). The modals that open later after a button click don't show the blue bar (I guess because the focus changes to the clicked button).

Can be reproduced on Firefox by editing Home.razor in InteractiveWebAssembly sample project and adding following code:

 protected override void OnAfterRender(bool firstRender)
 {
     if (firstRender)
     {
         Modal.Show<Confirm>("Welcome to Blazored Modal");
     }
 }

Modal2

@Jimmys20 Jimmys20 added Bug Something isn't working Triage Issue needs to be triaged labels Nov 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working Triage Issue needs to be triaged
Projects
None yet
Development

No branches or pull requests

1 participant