We currently have some custom CSS for the PF Tile style added during HAC-4603 , inside app.scss specifically.

This style override allows to wrap a disabled Tile with a tooltip. It was done because in the OSD wizard, when one of the providers has no quota, their Tile is disabled and the information about the missing quota is displayed in a tooltip when hovering the tile.

By default disabled Tiles have no pointer events allowed. By enabling them we were able to display a wrapping tooltip on hover.

This created other issues though in the ROSA wizard, described inside OCMUI-1738, that required further custom styles to prevent a disabled Tile from being displayed as selectable while hovering it.

Screenshare - 2024-05-06 12_25_28 PM.mp4

This is not a great place to be as we don't know the accessibility impact of our changes. We also don't know if we are breaking anything else about tiles, and when PF will eventually update this component, we don't know if our custom style will interfere with it as no one will actively check until a new bug will be reported.

Side consideration: we are handling disabled tiles in different ways inside wizards. Like said, inside OSD a tooltip is in charge of informing the user about why the tile was disabled. In the ROSA wizard, an info alert is placed inside the tile with the related information. We should find a common approach.

There's already OCMUI-1737 to discuss if/how to change this for ROSA. We should also find a different solution than the tooltip for OSD and remove the custom CSS styles as they are not a solid solution.