Hide tooltips for touchscreen

[mbirnbaum]

I only want my tooltips to show with mouse interactions. If it is a touch screen, I do not want it to show. The default show-trigger is mouseover. But this is also showing the tooltips when I touch. What setting should I use to disable tooltips on touchscreen?

[45kb]

@mbirnbaum i'd check via javascript if it's a touchscreen or not and then use tooltip-hidden="true" in case

scope.tooltipHidden = false;
angular.element($window).on('touchstart', function () { scope.tooltipHidden = true; });

<span ng-controller="ctrl as MyCtrl">
<a tooltips tooltip-template="hello" tooltip-hidden="ctrl.tooltipHidden">tooltip</a>
</span>

[mbirnbaum]

Where would I add this? in the tooltipsConfProvider?

[45kb]

@mbirnbaum Controller and view

Not in config or it will be hidden even on normal screens, just switch it in the view

[mbirnbaum]

But, I use the tooltips all over my app. There's no global setting for this?

[45kb]

You can but if you add it to the config provider it will be the same configuration both for touch and normal screens.

I'd make a little global find&replace in view files.

[45kb]

@mbirnbaum try also tooltip-hide-trigger="touchstart dbclick"

[mbirnbaum]

tooltip-hide-trigger="touchstart dbclick" does nothing. showing tooltips on iPad.

[45kb]

there is no such feature or option specific to touchscreens, you can even use css to show or hide tooltips, just hack around and/or use tooltip-hidden nope?