Overflow menu obscured by top menu bars

[esand]

Web browser

Edge

Web browser version

128.0.2739.54 (Official build) (64-bit)

System Health details

System Information

version	core-2024.8.3
installation_type	Home Assistant Container
dev	false
hassio	false
docker	true
user	root
virtualenv	false
python_version	3.12.4
os_name	Linux
os_version	6.8.12-1-pve
arch	x86_64
timezone	America/Toronto
config_dir	/config

Home Assistant Community Store

GitHub API	ok
GitHub Content	ok
GitHub Web	ok
HACS Data	ok
GitHub API Calls Remaining	4952
Installed Version	2.0.0
Stage	running
Available Repositories	1389
Downloaded Repositories	7

Home Assistant Cloud

logged_in	false
can_reach_cert_server	ok
can_reach_cloud_auth	ok
can_reach_cloud	ok

Dashboards

dashboards	3
resources	4
views	6
mode	storage

Recorder

oldest_recorder_run	August 25, 2024 at 4:53 AM
current_recorder_run	August 29, 2024 at 6:29 PM
estimated_db_size	127.21 MiB
database_engine	sqlite
database_version	3.45.3

Checklist

• I'm running the newest version of HACS https://github.com/hacs/integration/releases/latest
• I have filled out the issue template to the best of my ability.
• I have read https://hacs.xyz/docs/help/issues/
• This issue is related to the frontend of HACS.
• This issue only contains 1 issue (if you have multiple issues, open one issue for each issue).
• This is a bug and not a feature request.
• This issue is not a duplicate issue of currently open or issues pending release.

Describe the issue

When opening the overflow menu (3 dots beside a repo) in HACS, if you do so from the 5th repo down (in my instance, it's in the Downloaded list), the overflow menu opens bottom up instead of top down, however the top portion gets obscured by the menu bars at the top of the screen for filtering and such.

I believe the issue is that HACS just isn't taking in to consideration the additional height of the new filter menu bar and is incorrectly assuming it has window space to draw the overlay bottom up.

In the attached screenshot, I clicked the 3 dots for the overflow menu for the Frigate Card integration, and the menu opened bottom up and you can see the top portion is obscured.

Reproduction steps

1. Open HACS integration
2. Make sure the window is scrolled all the way up to the top
3. Click overflow menu for 5th integration from the top
4. Notice top portion of the menu is obscured and inaccessible

Screenshots

Javascript logs from your browser console

button-card.js?hacstag=146194325412:426   BUTTON-CARD   Version 4.1.2 
kiosk-mode.js?hacstag=497319128611:1 ≡ kiosk-mode             ⋮
version 6.1.1            ⋮
card-555679fd.js:507  FRIGATE-HASS-CARD  Version 5.2.0 
6[Deprecation] -ms-high-constrast is in the process of being deprecated. Please see <URL> for tips on updating to the new Forced Colors Mode standard.

Diagnostics dump

No response

[hacs-bot]

Make sure you have read the issue guidelines and that you filled out the entire template.

If you have an issue identical to this, do not add comments like "same here", "i have this too", instead add a 👍 reaction to the issue description. Thanks! 👍