[Bug]: Tooltip popup z-index inteferes with top/bottom bar

[efb4f5ff-1298-471a-8973-3d47447115dc]

Guidelines

• [X] I have encountered this bug in the latest release of FreeTube.
• [X] I have encountered this bug in the official downloads of FreeTube.
• [X] I have searched the issue tracker for open and closed issues that are similar to the bug report I want to file, without success.
• [X] I have searched the documentation for information that matches the description of the bug I want to file, without success.
• [X] This issue contains only one bug.

Describe the bug

1. Go to the Settings
2. Click on a tooltip
3. Scroll up and down in both desktop and mobile view
4. See that tooltip message appear on top of the top/bottom bar

Desktop view:

https://github.com/user-attachments/assets/77b5d2ae-a0ed-44b2-adaa-8b167147a546

Mobile view:

https://github.com/user-attachments/assets/3a601e71-7059-46e4-a03f-8af148d4b30e

Expected Behavior

Tooltip message should not appear on top of the bottom/top bar.

Issue Labels

visual bug

FreeTube Version

https://github.com/FreeTubeApp/FreeTube/commit/cd5d293843f5bdc9b26cb51db8ef22b6e2fd4b83

Operating System Version

Win10 22H2

Installation Method

.exe

Primary API used

Local API

Last Known Working FreeTube Version (If Any)

No response

Additional Information

No response

Nightly Build

• [X] I have encountered this bug in the latest nightly build.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[sullivanlng]

Hi everyone,

I’ve been working on the issue regarding the tooltips overlapping with the bottom bar when scrolling. Initially, I adjusted the z-index to 3 to resolve the overlap. However, after testing on mobile devices, I noticed that the tooltips were still appearing above the bottom bar while scrolling. To fix this, I set the z-index to 2, which resolves the issue across different screen sizes.

You can find the pull request here: #6656. Let me know if further adjustments are needed.

Thanks!