fit-ui 2.16.4 → 2.16.6

package/dist/Fit.UI.js

@@ -682,7 +682,7 @@ Fit._internal =
 {
 	Core:
 	{
-		VersionInfo: { Major: 2, Minor: 16, Patch: 4 } // Do NOT modify format - version numbers are programmatically changed when releasing new versions - MUST be on a separate line!
+		VersionInfo: { Major: 2, Minor: 16, Patch: 6 } // Do NOT modify format - version numbers are programmatically changed when releasing new versions - MUST be on a separate line!
 	}
 };
 
@@ -14034,6 +14034,7 @@ Fit.Controls.DatePicker = function(ctlId)
 	var weeks = false;			// Whether to display week numbers or not
 	var jquery = undefined;		// jQuery instance
 	var datepicker = null;		// jQuery UI calendar widget
+	var datepickerElm = null;	// jQuery UI calendar widget element (remains null until shown for the first time - element shared among all DatePicker instances)
 	var startDate = null;		// Which year/month to display in calendar widget if view needs to be restored (related to restoreView variable)
 	var open = false;			// Whether calendar widget is currently open
 	var focused = false;		// Whether control is currently focused
@@ -14287,7 +14288,7 @@ Fit.Controls.DatePicker = function(ctlId)
 		if (hasFocus === false && isMobile === false)
 		{
 			// Make sure Focused() returns true while interacting with calendar widget - https://github.com/Jemt/Fit.UI/issues/194
-			var calendarWidget = document.getElementById("fitui-datepicker-div"); // Null if not loaded yet
+			var calendarWidget = datepickerElm; // Null if not loaded yet
 			hasFocus = calendarWidget !== null && calendarWidget.style.display === "block" && calendarWidget._associatedFitUiControl === me.GetId();
 		}
 
@@ -14502,7 +14503,7 @@ Fit.Controls.DatePicker = function(ctlId)
 
 		Fit.Internationalization.RemoveOnLocaleChanged(localize);
 
-		me = input = inputTime = orgVal = preVal = prevTimeVal = locale = localeEnforced = format = formatEnforced = placeholderDate = placeholderTime = weeks = jquery = datepicker = startDate = open = focused = restoreView = updateCalConf = detectBoundaries = detectBoundariesRelToViewPort = isMobile = inputMobile = inputTimeMobile = null;
+		me = input = inputTime = orgVal = preVal = prevTimeVal = locale = localeEnforced = format = formatEnforced = placeholderDate = placeholderTime = weeks = jquery = datepicker = datepickerElm = startDate = open = focused = restoreView = updateCalConf = detectBoundaries = detectBoundariesRelToViewPort = isMobile = inputMobile = inputTimeMobile = null;
 		base();
 	});
 
@@ -14940,7 +14941,7 @@ Fit.Controls.DatePicker = function(ctlId)
 
 					datepicker.datepicker("show"); // Fails if not visible (part of render tree)
 
-					var calendarWidget = document.getElementById("fitui-datepicker-div");
+					var calendarWidget = datepickerElm;
 					calendarWidget._associatedFitUiControl = me.GetId();
 
 					// Allow light dismissable panels/callouts to prevent close/dismiss
@@ -15107,6 +15108,8 @@ Fit.Controls.DatePicker = function(ctlId)
 			},
 			beforeShow: function(elm, dp)
 			{
+				datepickerElm = dp.dpDiv[0] || null;
+
 				// Load locale if not already loaded
 
 				if (datepicker.jq.datepicker.regional[locale] === null)
@@ -15226,7 +15229,7 @@ Fit.Controls.DatePicker = function(ctlId)
 
 	function moveCalenderWidgetLocally()
 	{
-		if (Fit._internal.ControlBase.ReduceDocumentRootPollution !== true)
+		if (me._internal.ReduceDocumentRootPollution !== true && Fit._internal.ControlBase.ReduceDocumentRootPollution !== true)
 		{
 			return;
 		}
@@ -15241,7 +15244,7 @@ Fit.Controls.DatePicker = function(ctlId)
 		// For more details see https://github.com/Jemt/Fit.UI/issues/116
 
 		var selfDom = me.GetDomElement();
-		var calendarWidget = document.getElementById("fitui-datepicker-div");
+		var calendarWidget = datepickerElm;
 
 		Fit.Dom.InsertAfter(selfDom, calendarWidget);
 
@@ -15306,12 +15309,12 @@ Fit.Controls.DatePicker = function(ctlId)
 
 	function moveCalenderWidgetGlobally() // Undo everything done in moveCalenderWidgetLocally()
 	{
-		if (Fit._internal.ControlBase.ReduceDocumentRootPollution !== true)
+		if (me._internal.ReduceDocumentRootPollution !== true && Fit._internal.ControlBase.ReduceDocumentRootPollution !== true)
 		{
 			return;
 		}
 
-		var calendarWidget = document.getElementById("fitui-datepicker-div");
+		var calendarWidget = datepickerElm;
 		Fit.Dom.Add(document.body, calendarWidget);
 
 		calendarWidget.style.position = ""; // "absolute"
@@ -17329,6 +17332,7 @@ Fit.Controls.DropDown = function(ctlId)
 	var searchModeOnFocus = false;				// Flag indicating whether control goes into search mode when it is focused (search mode clears input field and displays "search.." placeholder)
 	var onScrollElement = null;					// Holds control's scroll parent when drop down is open
 	var onScrollEventId = -1;					// Holds ID of OnScroll event handler registered when drop down is open
+	var cancelEventRegistrationOnOpen = null;	// Holds function reference which cancels event registration if no longer needed (related to onScrollElement and onScrollEventId)
 
 	var onInputChangedHandlers = [];			// Invoked when input value is changed - takes two arguments (sender (this), text value)
 	var onPasteHandlers = [];					// Invoked when a value is pasted - takes two arguments (sender (this), text value)
@@ -17535,30 +17539,37 @@ Fit.Controls.DropDown = function(ctlId)
 
 		me.OnOpen(function()
 		{
-			postpone(function() // Postpone to avoid auto closing drop down if browser scrolls control into view when it receives focus
+			cancelEventRegistrationOnOpen = postpone(function() // Postpone to avoid auto closing drop down if browser scrolls control into view when it receives focus
 			{
-				if (me.IsDropDownOpen() === true) // Might have been closed while waiting
-				{
-					onScrollElement = Fit.Dom.GetScrollParent(me.GetDomElement());
+				cancelEventRegistrationOnOpen = null;
 
-					if (onScrollElement === document.documentElement)
-					{
-						onScrollElement = window;
-					}
+				onScrollElement = Fit.Dom.GetScrollParent(me.GetDomElement());
 
-					if (onScrollElement !== null)
+				if (onScrollElement === document.documentElement)
+				{
+					onScrollElement = window;
+				}
+
+				if (onScrollElement !== null)
+				{
+					onScrollEventId = Fit.Events.AddHandler(onScrollElement, "scroll", function(e)
 					{
-						onScrollEventId = Fit.Events.AddHandler(onScrollElement, "scroll", function(e)
-						{
-							me.CloseDropDown();
-						});
-					}
+						me.CloseDropDown();
+					});
 				}
 			});
 		});
 
 		me.OnClose(function()
 		{
+			// Cancel postponed operation in case dropdown is opened and closed multiple times to
+			// avoid multiple OnScroll event registrations (https://github.com/Jemt/Fit.UI/issues/195).
+			if (cancelEventRegistrationOnOpen !== null)
+			{
+				cancelEventRegistrationOnOpen();
+				cancelEventRegistrationOnOpen = null;
+			}
+
 			if (onScrollElement !== null)
 			{
 				Fit.Events.RemoveHandler(onScrollElement, onScrollEventId);
@@ -17897,7 +17908,7 @@ Fit.Controls.DropDown = function(ctlId)
 			Fit.Events.RemoveHandler(onScrollElement, onScrollEventId);
 		}
 
-		me = itemContainer = itemCollection = itemDropZones = arrow = txtPrimary = txtActive = txtEnabled = dropDownMenu = picker = orgSelections = invalidMessage = invalidMessageChanged = initialFocus = maxHeight = prevValue = focusAssigned = closeHandlers = dropZone = isMobile = focusInputOnMobile = detectBoundaries = detectBoundariesRelToViewPort = persistView = highlightFirst = searchModeOnFocus = onScrollElement = onScrollEventId = onInputChangedHandlers = onPasteHandlers = onOpenHandlers = onCloseHandlers = suppressUpdateItemSelectionState = suppressOnItemSelectionChanged = clearTextSelectionOnInputChange = prevTextSelection = textSelectionCallback = cmdToggleTextMode = null;
+		me = itemContainer = itemCollection = itemDropZones = arrow = txtPrimary = txtActive = txtEnabled = dropDownMenu = picker = orgSelections = invalidMessage = invalidMessageChanged = initialFocus = maxHeight = prevValue = focusAssigned = closeHandlers = dropZone = isMobile = focusInputOnMobile = detectBoundaries = detectBoundariesRelToViewPort = persistView = highlightFirst = searchModeOnFocus = onScrollElement = onScrollEventId = cancelEventRegistrationOnOpen = onInputChangedHandlers = onPasteHandlers = onOpenHandlers = onCloseHandlers = suppressUpdateItemSelectionState = suppressOnItemSelectionChanged = clearTextSelectionOnInputChange = prevTextSelection = textSelectionCallback = cmdToggleTextMode = null;
 
 		base();
 	});
@@ -20338,13 +20349,15 @@ Fit.Controls.DropDown = function(ctlId)
 		Fit.Validation.ExpectFunction(cb);
 		Fit.Validation.ExpectInteger(timeout, true)
 
-		setTimeout(function()
+		var toId = setTimeout(function()
 		{
 			if (me !== null) // Make sure control has not been disposed
 			{
 				cb();
 			}
 		}, timeout || 0);
+
+		return function() { clearTimeout(toId); };
 	}
 
 	init();