Dev Toolbar Audit Tooltip/Popup is Overflowing

[JoshuaB94]

Astro Info

Astro                    v4.0.3
Node                     v20.6.1
System                   macOS (arm64)
Package Manager          bun
Output                   static
Adapter                  none
Integrations             @astrojs/tailwind

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

No response

Describe the Bug

The tooltip/popup when auditing for accessibility is being cut off by the viewport and causing overflowing. I am able to scroll to the side to view the entire tooltip. This could lead to thinking a site or web app has an overflowing issue, when it does not. See attached images.

What's the expected result?

The auditing tooltip should appear within the respective viewport area. For example, in my case, it should push to the left and not appear on the right causing the message to be cut off and needing me to scroll to view it.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-f4r4pj?file=src%2Fcomponents%2FFooter.astro

Participation

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

[bluwy]

Looks like this is very similar to #9346, going to close this in favor of that instead.

[JoshuaB94]

Sounds good. Thanks @bluwy 👍🏼