From 5700efe8f6156f4a45eaefae8ba1b0eacc4f4dbf Mon Sep 17 00:00:00 2001
From: mfeerick <matthew_feerick@hotmail.com>
Date: Fri, 8 May 2015 14:22:29 +0100
Subject: [PATCH] Fix tooltip position in absolutely positioned elements

---
 js/jquery.mapael.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/js/jquery.mapael.js b/js/jquery.mapael.js
index a8eb17b2c..75fe79ba7 100644
--- a/js/jquery.mapael.js
+++ b/js/jquery.mapael.js
@@ -30,8 +30,8 @@
 		return this.each(function() {
 		
 			var $self = $(this)
-				, $tooltip = $("<div>").addClass(options.map.tooltip.cssClass).css("display", "none")
-				, $container = $("." + options.map.cssClass, this).empty().append($tooltip)
+				, $container = $("." + options.map.cssClass, this).empty()
+				, $tooltip = $("<div>").addClass(options.map.tooltip.cssClass).css("display", "none").appendTo(options.map.tooltip.target || $container)
 				, mapConf = $.fn.mapael.maps[options.map.name]
 				, paper = new Raphael($container[0], mapConf.width, mapConf.height)
 				, elemOptions = {}
@@ -1071,7 +1071,8 @@
 		map : {
 			cssClass : "map"
 			, tooltip : {
-				cssClass : "mapTooltip"
+				cssClass : "mapTooltip",
+				target: null
 			}
 			, defaultArea : {
 				attrs : {