Skip to content

Dev Toolbar blocking view from elements #9337

@at-the-vr

Description

@at-the-vr

Astro Info

Astro                    v4.0.2
Node                     v20.10.0
System                   Windows (x64)
Package Manager          pnpm
Output                   static
Adapter                  none
Integrations             @astrojs/sitemap
                         unocss

If this issue only occurs in one browser, which browser is a problem?

Chrome

Describe the Bug

  • Dev Toolbar tends to block elements behind it
  • In this case its a Astro Badge behind the toolbar
  • Eventually the toolbar fades away but so does the audit error behind it
  • Repo to replicate, I could not visualize Dev Toolbar on stackblitz, the repo needs to be run locally for that reason
  • Exemplar Photo ⤵
    image

What's the expected result?

No comments

Link to Minimal Reproducible Example

https://github.com/at-the-vr/brutal

Participation

  • I am willing to submit a pull request for this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    - P3: minor bugAn edge case that only affects very specific usage (priority)feat: toolbarRelated to dev toolbar (scope)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions