Bug: Button Tooltips in the Icons Page is hidden due to `Overflow: hidden` in the Parent container

Bug description

1. Open the font awesome website and select icons in the navigation bar.
2. Search for any icon using the search bar.
3. In the section where you can select the grid styling (compact, grid, list) a small tooltip arrow is shown.
4. The button tool tip arrow does not display properly as the parent container has the style attribute overflow: hidden

To fix this bug, remove the overflow: hidden styling on the parent container element. The styling is added to the element as an inline style.

Reproducible test case

I'm not too sure how I would do this this. Apologies.

Screenshots

Hover over the button to show the tooltip.

Parent component with the overflow hidden style.

Tooltip properly shows when Overflow hidden is removed from the parent component.

The issue also exists in v5.15.4 of Font Awesome.

Font Awesome version

v6.0.0, v5.0.0

Serving

Other (as specified in the bug description)

Implementation

Other (as specified in the bug description)

Browser and Operating System

• Firefox 119.0 (64-bit) on Windows 11
• Chrome 119 windows 11

Note, this issue is not related to the OS or Browser.

Web bug report checklist

• I have included a test case because my odds go way up that the team can fix this when I do
• I have searched for existing issues and to the best of my knowledge this is not a duplicate