and using this code makes that iOS users have to touch once to show the qtip and another time to activate the # link. Is it possible to change the behavior with your js in order to get one touch only ?

No, as the tooltip has to open on click for mobile and it does not pass through the click event. Tooltips shouldn't be inside of links like that.

We were thinking of using standard bootstrap 4 qtip but it doesn't seem to work unless we activate the js in the CB page. So I guess you're using another library and would like how to produce a standard iOS behavior on our web app which uses CB pages.

We don't use Bootstrap JS. We only use their CSS. The tooltips are qtip2 with our custom cbtooltip wrapper.

Do you have a suggestion for the use that we want ?

The tooltip maybe sitting on top of the tab since you're positioning it relative to the icon. Try adding data-cbtooltip-adjustX="PIXELS_HERE" and/or data-cbtooltip-adjustY="PIXELS_HERE" to give it an offset adjustment. Aside from that I don't know what to suggest as it's not really intended to be used like that inside of a link as typically the tooltip would just be put on the link and not the icon inside of it.

No it does not work when moving X or Y, same behavior, double touch is needed to open the tab. First touch for the qtip and second one opens the link.

Nothing I can do about that then as it wasn't designed for the usage you're trying to do. Both the link and the tooltip are trying to take the click event. I can't risk breaking our hundreds of tooltip usages for this usecase, sorry. It's likely the stopPropagation in the qtip2 JS blocking the click through to the tab.

Is there any possibility to add the qtip to the link tab easily with CB ? any other idea ?

Not without using jQuery to attach it to the tab link it self or using jQuery to act on the tooltip events to make the parent link active.