Description
On the Firefox new tab page, the search bar overlaps the widget tooltip when hovering over a shortcut card. As a result, part of the tooltip content is hidden behind the search field, which affects readability and creates a visual layering issue.
Expected behavior
The tooltip should be displayed above all page elements and remain fully visible without being overlapped by the search bar.
Actual behavior
The search bar is rendered above the tooltip, causing the tooltip to be partially hidden when both elements are displayed simultaneously.
Environment
- OS: Windows 10
- Browser: Firefox
- Screen size: Desktop
- Reproducible: When the page is first opened
Steps to reproduce
- Open a new tab in Firefox.
- Hover over a shortcut card located below the search bar.
- Wait for the tooltip to appear.
- Observe the tooltip position relative to the search field.
Additional context
The issue appears to be related to the layering order (z-index) of the search bar and tooltip components. The tooltip is displayed underneath the search field instead of above it.
