Bug: Tooltips unable to be displayed in Topbar

[scurker]

Steps to reproduce

Have some tooltip rendered within a topbar. The tooltip will be displayed behind the topbar.

Expected Behavior

Tooltips should always be displayed in the top level layer.

Actual Behavior

The z-index value for tooltips (22) is lower than TopBar's z-index:

cauldron/packages/styles/variables.css

Lines 127 to 130 in 7e55dd2

	/* ensure this is a higher value than the rest (above)! */
	--z-index-top-bar: 25;
	/* ensure this is 1 higher than the top bar z-index */
	--z-index-skip-container: calc(var(--z-index-top-bar) + 1);

Tooltips by default are displayed on document.body making them extremely hard to override without a lot of specific code. Generally speaking, likely should be displayed in the top most layer.

Version

6.x