This is a migrated thread and some comments may be shown as answers.

Tooltip carat not working

1 Answer 211 Views

ToolTip

This is a migrated thread and some comments may be shown as answers.

Tiffany asked on 07 Oct 2014, 08:37 PM

Hi there,

I'm trying to implement the basic tooltip from Kendo UI. The tooltip works perfectly when you load the page and hover over an item for the first time. However, the carat does not show up on all consecutive hovers if your mouse is not in a specific spot - even if your mouse is still on top of the hover item.

What's causing this?

<!DOCTYPE html>

<html>

<head>

<base href="http://demos.telerik.com/kendo-ui/tooltip/index">

<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>

<title>Tooltip not working</title>

<link href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.common-bootstrap.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.bootstrap.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.bootstrap.min.css" rel="stylesheet" />

<script src="http://cdn.kendostatic.com/2014.2.903/js/jquery.min.js"></script>

<script src="http://cdn.kendostatic.com/2014.2.903/js/angular.min.js"></script>

<script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>

</head>

<body>

<label class="control-label" for="experience">Tooltip</label>

<p class="tooltipItems">

<a href="" title="test tooltip">Hover over me</a>

<a href="" title="test tooltip">Me too!</a>

</p>

<p class="tooltipItems">

<a href="" title="test tooltip">Me too!</a>

</p>

<script>

var tooltip = $(".tooltipItems").kendoTooltip({

filter: "a",

position: "top"

}).data("kendoTooltip");

</script>

</body>

</html>

Tooltip carat not working

1 Answer, 1 is accepted