fit-ui 2.16.3 → 2.16.5

package/dist/Fit.UI.js

@@ -682,7 +682,7 @@ Fit._internal =
 {
 	Core:
 	{
-		VersionInfo: { Major: 2, Minor: 16, Patch: 3 } // 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: 5 } // 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
@@ -15081,6 +15082,12 @@ Fit.Controls.DatePicker = function(ctlId)
 			defaultDate: null,
 			onChangeMonthYear: function(year, month, dp) // Fires when changing year/month but also when simply opening calendar widget
 			{
+				// Retain focus when changing month or year using calendar
+				// widget, which causes its DOM to be removed and replaced.
+				// Focus is later returned to DatePicker, but not in time for
+				// OnFocusOut. Related issue: https://github.com/Jemt/Fit.UI/issues/194
+				input.focus(); // Do not use Focused(true) as it will not re-focus input, since control is already considered focused.
+
 				if (open === true) // Remember which year and month the user navigated to
 				{
 					try
@@ -15101,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)
@@ -15128,6 +15137,11 @@ Fit.Controls.DatePicker = function(ctlId)
 					return false; // Do not display - wait for locale to load
 				}
 
+				// Retain focus when interacting with calendar widget.
+				// Focus is later returned to DatePicker, but not in time for
+				// OnFocusOut. Related issue: https://github.com/Jemt/Fit.UI/issues/194
+				jquery(dp.dpDiv).attr("tabindex", "-1");
+
 				// Update settings in case they were changed
 
 				var val = me.Value();			// Always returns value in the YYYY-MM-DD[ hh:mm] format, but returns an empty string if value entered is invalid
@@ -15215,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;
 		}
@@ -15230,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);
 
@@ -15295,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"