Tooltip for selector is not properly working on Navigation Menu

[umar-shabbir]

Prerequisites

• [X] I have not leaked any internal company information.
• [X] I have not posted internal links or code snippets.

What happened?

The CSS selector for showing tooltip is not properly working. I am trying to show tooltip on the menu items only when the navigation menu is collapsed. When menu is expanded, there is a .expanded class on IxMenu. This class cannot be used to activate the tooltip using for prop of the IxTooltip. If it works, applying :not should work for showing tooltips only for collapsed menu items.

What type of frontend frameware are you seeing the problem on?

React

Which version of iX do you use?

v2.1.1

Code to produce this issue.

Github

[umar-shabbir]

Another thing I have observed that I cannot apply tooltips on shadow DOM elements such as the Upload file... button inside the IxUpload In case of shadow elements, what I can specify as selector in the for prop of the tooltip.? Or it is not possible for shadow elements?

[matthiashader]

Hello @umar-shabbir - sorry for the late answer, currently there is a ongoin ticket in our sprint that will solve this issue! Secondly as you pointed out it is not possible to actually target a shadow element, but we are currently also working on a solution regarding the default usage of ix-tooltips and plain HTML-tooltips.

[matthiashader]

We will close this issue. If it still persists, don't hesitate to open a new issue!