Print Page - Possible Bug: tooltip not shown in Edge

Hello, I encounter a strange problem: I've defined several tooltips in my page, located in different containers.

The tooltips have an addtitional class "tt" and are initialized as following:

$(".tt").tooltip({
trackMouse: true, content: 'test',zIndex: 99999

});

When using Firefox or Internet Explorer, the tooltips work as expected. But in Chrome and Edge, the tooltips are not displayed. When inspecting, .tooltip("tip").css("left") and .tooltip("tip").css("top") each show '-100000px'

As mentioned, using the same code, in Firefox or Internet Explorer, the coordinates are correct and the tooltips are shown properly

What can be the reason ?

TX and kind regards

This example works fine.

Code:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
	<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
	<script>
		$(function () {
			$(".tt").tooltip({
				trackMouse: true, content: 'test', zIndex: 99999

			});
		})
	</script>
</head>
<body>
	<p><span class="tt">Tooltip1</span></p>
	<p><span class="tt">Tooltip2</span></p>
	<p><span class="tt">Tooltip3</span></p>
</body>
</html>

If your issue continues, please show an example to demonstrate your issue.

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Oliver on December 09, 2024, 10:38:23 AM