fit-ui 2.20.0 → 2.20.2

package/dist/Fit.UI.js

@@ -682,7 +682,7 @@ Fit._internal =
 {
 	Core:
 	{
-		VersionInfo: { Major: 2, Minor: 20, Patch: 0 } // Do NOT modify format - version numbers are programmatically changed when releasing new versions - MUST be on a separate line!
+		VersionInfo: { Major: 2, Minor: 20, Patch: 2 } // Do NOT modify format - version numbers are programmatically changed when releasing new versions - MUST be on a separate line!
 	}
 };
 
@@ -7720,351 +7720,6 @@ Fit.DragDrop.DropZone._internal =
 	active: null
 }
 
-/// <container name="Fit.EventManager">
-/// </container>
-
-/// <function container="Fit.EventManager" name="EventManager" access="public">
-/// 	<description> Create instance of EventManager </description>
-/// </function>
-Fit.EventManager = function()
-{
-	var registrations = []; // { Dom: DOMElement, Event: string, Handler: function, Options?: { Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean } }[]
-
-
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-	// TODO: Create "proxies" for function such as PreventDefault, StopProgation, etc. so we don't need to use both Fit.EventManager and Fit.Events ??
-
-
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"keydown" | "keyup" | "keypress"'> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackKeyboard"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"click" | "contextmenu" | "dblclick" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel"'> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackMouse"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"popstate"'> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackPopState"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"hashchange"'> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackHashChange"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"focus" | "focusin" | "focusout" | "blur"'> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackFocus"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"beforeunload"'> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackBeforeUnload"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"cut" | "copy" | "paste"'> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackClipboard"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"storage"'> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackStorage"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers handler for specified event on given DOMElement and returns Event ID </description>
-	/// 	<param name="element" type="DOMElement"> DOM element on to which event handler is registered </param>
-	/// 	<param name="event" type='"#rooted"'> Event name </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackRooted"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers handler for specified event on given DOMElement and returns Event ID </description>
-	/// 	<param name="element" type="DOMElement"> DOM element on to which event handler is registered </param>
-	/// 	<param name="event" type='"#mutation"'> Event name </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.MutationObserverCallback"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type="string"> Event name without the 'on' prefix </param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackGeneric"> JavaScript function to register </param>
-	/// </function>
-	//  ------------------------------------------------------------------------------------------
-	//  Overloads with options argument
-	//  ------------------------------------------------------------------------------------------
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"keydown" | "keyup" | "keypress"'> Event name without the 'on' prefix </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackKeyboard"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"click" | "contextmenu" | "dblclick" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel"'> Event name without the 'on' prefix </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackMouse"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"popstate"'> Event name without the 'on' prefix </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackPopState"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"hashchange"'> Event name without the 'on' prefix </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackHashChange"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"focus" | "focusin" | "focusout" | "blur"'> Event name without the 'on' prefix </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackFocus"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"beforeunload"'> Event name without the 'on' prefix </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackBeforeUnload"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"cut" | "copy" | "paste"'> Event name without the 'on' prefix </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackClipboard"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type='"storage"'> Event name without the 'on' prefix </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackStorage"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers handler for specified event on given DOMElement and returns Event ID </description>
-	/// 	<param name="element" type="DOMElement"> DOM element on to which event handler is registered </param>
-	/// 	<param name="event" type='"#rooted"'> Event name </param>
-	/// 	<param name="options" type="{ Id?: string }">
-	/// 		This argument is ignored for the specialized #rooted event.
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackRooted"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers handler for specified event on given DOMElement and returns Event ID </description>
-	/// 	<param name="element" type="DOMElement"> DOM element on to which event handler is registered </param>
-	/// 	<param name="event" type='"#mutation"'> Event name </param>
-	/// 	<param name="options" type="{ Id?: String, Deep?: boolean }">
-	/// 		This argument is ignored for the specialized #rooted event.
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackRooted"> JavaScript function to register </param>
-	/// </function>
-	/// <function container="Fit.EventManager" name="Add" access="public">
-	/// 	<description> Registers event handler for specified event on given EventTarget </description>
-	/// 	<param name="element" type="EventTarget"> EventTarget (e.g. Window or DOMElement) on to which event handler is registered </param>
-	/// 	<param name="event" type="string"> Event name without 'on' prefix (e.g. 'load', 'mouseover', 'click' etc.) </param>
-	/// 	<param name="options" type="{ Id?: string, Capture?: boolean, Once?: boolean, Passive?: boolean }">
-	/// 		Set additional options - not guaranteed to be cross browser compatible!
-	/// 	</param>
-	/// 	<param name="eventFunction" type="Fit.EventsTypeDefs.EventHandlerCallbackGeneric"> JavaScript function to register </param>
-	/// </function>
-	this.Add = function(elmArg, eventArg, eventFunctionArg)
-	{
-		var element = elmArg;
-		var event = eventArg;
-		var eventFunction = arguments[3] !== undefined ? arguments[3] : eventFunctionArg;
-		var options = arguments.length === 4 ? arguments[2] : {};
-
-		Fit.Validation.ExpectEventTarget(element);
-		Fit.Validation.ExpectStringValue(event);
-		Fit.Validation.ExpectFunction(eventFunction);
-		Fit.Validation.ExpectObject(options);
-		Fit.Validation.ExpectString(options && options.Id, true);
-		Fit.Validation.ExpectBoolean(options && options.Capture, true);
-		Fit.Validation.ExpectBoolean(options && options.Once, true);
-		Fit.Validation.ExpectBoolean(options && options.Passive, true);
-		Fit.Validation.ExpectBoolean(options && options.Deep, true);
-
-		for (var prop in options || {})
-		{
-			if (Fit.Array.Contains(["Id", "Capture", "Once", "Passive", "Deep"], prop) === false)
-			{
-				throw "Unsupported options passed to Fit.EventManager.Add(..): " + prop;
-			}
-		}
-
-		var reg =
-		{
-			Dom: element,
-			Event: event,
-			Handler: eventFunction,
-			Options: options
-		};
-
-		if (reg.event === "#mutation")
-		{
-			Fit.Events.AddMutationObserver(reg.Dom, reg.Handler, reg.Options.Deep)
-		}
-		else
-		{
-			Fit.Events.AddHandler(reg.Dom, reg.Event, reg.Options, reg.Handler);
-		}
-
-		Fit.Array.Add(registrations, reg);
-	}
-
-	/// <function container="Fit.EventManager" name="Move" access="public">
-	/// 	<description> Move event handler by event ID to another DOMElement </description>
-	/// 	<param name="id" type="integer"> Event ID identifying handler to move </param>
-	/// 	<param name="newElm" type="DOMElement"> DOM element to which event handler is moved </param>
-	/// </function>
-	this.Move = function(id, newElm)
-	{
-		Fit.Validation.ExpectString(id);
-		Fit.Validation.ExpectEventTarget(newElm);
-
-		Fit.Array.ForEach(registrations, function(reg)
-		{
-			if (reg.Options.Id === id)
-			{
-				if (reg.Event === "#mutation")
-				{
-					Fit.Events.RemoveMutationObserver(reg.Dom, reg.Handler, reg.Options.Deep);
-
-					reg.Dom = newElm;
-					Fit.Events.AddMutationObserver(reg.Dom, reg.Handler, reg.Options.Deep);
-				}
-				else
-				{
-					Fit.Events.RemoveHandler(reg.Dom, reg.Event, reg.Options, reg.Handler);
-
-					reg.Dom = newElm;
-					Fit.Events.AddHandler(reg.Dom, reg.Event, reg.Options, reg.Handler);
-				}
-			}
-		});
-	}
-
-	/// <function container="Fit.EventManager" name="Remove" access="public">
-	/// 	<description> Removes event handler by event ID </description>
-	/// 	<param name="id" type="integer"> Event ID identifying handler to remove </param>
-	/// </function>
-	this.Remove = function(id)
-	{
-		Fit.Validation.ExpectString(id);
-
-		var newRegistrations = [];
-
-		Fit.Array.ForEach(registrations, function(reg)
-		{
-			if (reg.Options.Id === id)
-			{
-				if (reg.Event === "#mutation")
-				{
-					Fit.Events.RemoveMutationObserver(reg.Dom, reg.Handler, reg.Options.Deep);
-				}
-				else
-				{
-					Fit.Events.RemoveHandler(reg.Dom, reg.Event, reg.Options, reg.Handler);
-				}
-			}
-			else
-			{
-				Fit.Array.Add(newRegistrations, reg);
-			}
-		});
-
-		registrations = newRegistrations;
-	}
-
-	/// <function container="Fit.EventManager" name="RemoveAll" access="public">
-	/// 	<description> Remove all event handlers registered </description>
-	/// </function>
-	this.RemoveAll = function()
-	{
-		Fit.Array.ForEach(registrations, function(reg)
-		{
-			if (reg.Event === "#mutation")
-			{
-				Fit.Events.RemoveMutationObserver(reg.Dom, reg.Handler, reg.Options.Deep);
-			}
-			else
-			{
-				Fit.Events.RemoveHandler(reg.Dom, reg.Event, reg.Options, reg.Handler);
-			}
-		});
-
-		registrations = [];
-	}
-
-	/// <function container="Fit.EventManager" name="Move" access="public">
-	/// 	<description> Invoke event handler by event ID </description>
-	/// 	<param name="id" type="integer"> Event ID identifying handler to invoke </param>
-	/// 	<param name="args" type="any[]" default="undefined"> Event handler arguments </param>
-	/// 	<param name="thisArg" type="any" default="undefined"> The value 'this' resolves to within event handler </param>
-	/// </function>
-	this.Invoke = function(id, args, thisArg)
-	{
-		Fit.Validation.ExpectString(id);
-		Fit.Validation.ExpectArray(args, true);
-
-		Fit.Array.ForEach(registrations, function(reg)
-		{
-			if (reg.Options.Id === id)
-			{
-				reg.Handler.apply(thisArg || reg.Dom, args || [])
-			}
-		});
-	}
-
-	// this.dump = function()
-	// {
-	// 	console.log(registrations);
-	// }
-}
 /// <container name="Fit.Events">
 /// 	Event handler functionality
 /// </container>
@@ -8453,7 +8108,7 @@ Fit.Events.RemoveHandler = function()
 		var handler = ((element._internal && element._internal.Events && element._internal.Events.Handlers) ? element._internal.Events.Handlers[arguments[1]] : undefined);
 
 		if (handler === undefined)
-			Fit.Validation.Throw("No event handler with ID '" + arguments[0] + "' exists for this element");
+			return; // Not found
 
 		if (handler === null)
 			return; // Already removed
@@ -8484,6 +8139,8 @@ Fit.Events.RemoveHandler = function()
 	Fit.Validation.ExpectBoolean(useCaptureOrOptions && useCaptureOrOptions.Passive || true);
 	Fit.Validation.ExpectFunction(eventFunction);
 
+	// Remove event handler
+
 	if (event.toLowerCase() === "#rooted")
 	{
 		var handlers = Fit._internal.Events.OnRootedHandlers;
@@ -8543,20 +8200,28 @@ Fit.Events.RemoveHandler = function()
 		element.detachEvent("on" + event, eventFunction);
 	}
 
-	if (arguments.length === 2)
-	{
-		element._internal.Events.Handlers[arguments[1]] = null;
-	}
-	else
+	// Remove event handler information from element
+
+	if (element._internal) // Missing if disposed through Component.Dispose() which removes the _internal property - nothing to clean up in this case
 	{
-		for (var i = 0 ; i < element._internal.Events.Handlers.length ; i++)
+		if (element._internal.Events) // Only defined if an event has been registered through Fit.Events.AddHandler(..)
 		{
-			var handler = element._internal.Events.Handlers[i];
-
-			if (handler !== null && event.toLowerCase() === handler.Event.toLowerCase() && eventFunction === handler.Handler && Fit.Core.IsEqual(useCaptureOrOptions, handler.UseCaptureOrOptions) === true)
+			if (arguments.length === 2)
 			{
-				element._internal.Events.Handlers[i] = null;
-				break;
+				element._internal.Events.Handlers[arguments[1]] = null;
+			}
+			else
+			{
+				for (var i = 0 ; i < element._internal.Events.Handlers.length ; i++)
+				{
+					var handler = element._internal.Events.Handlers[i];
+
+					if (handler !== null && event.toLowerCase() === handler.Event.toLowerCase() && eventFunction === handler.Handler && Fit.Core.IsEqual(useCaptureOrOptions, handler.UseCaptureOrOptions) === true)
+					{
+						element._internal.Events.Handlers[i] = null;
+						break;
+					}
+				}
 			}
 		}
 	}
@@ -8761,7 +8426,7 @@ setInterval(function()
 
 	Fit.Array.ForEach(Fit._internal.Events.OnRootedHandlers, function(handler)
 	{
-		if (handler.Removed === true)
+		if (handler.Removed === true || handler.Element._internal === undefined) // Removed through RemoveHandler(..), or disposed through Component.Dispose() which removes the _internal property
 		{
 			Fit.Array.Add(remove, handler);
 			return; // Skip to next
@@ -9217,7 +8882,7 @@ Fit._internal.Events.CheckMutations = function()
 			// Re-throw error if observer failed
 
 			if (error !== null)
-				Fit.Validation.Throw(error);
+				Fit.Validation.ThrowError(error);
 		}
 	});
 
@@ -20131,9 +19796,9 @@ Fit.Controls.DropDown = function(ctlId)
 				// container starts.
 				// https://github.com/Jemt/Fit.UI/issues/51
 
-				var scrollParent = Fit.Dom.GetScrollParent(me.GetDomElement());
+				var scrollParent = Fit.Dom.GetScrollParent(me.GetDomElement()); // Null if DropDown or a parent has position:fixed
 
-				if (scrollParent !== Fit.Dom.GetScrollDocument())
+				if (scrollParent !== null && scrollParent !== Fit.Dom.GetScrollDocument())
 				{
 					// Control is positioned within a container with scroll.
 					// Calculate position relative to viewport to determine
@@ -20162,10 +19827,10 @@ Fit.Controls.DropDown = function(ctlId)
 				// container ends.
 				// https://github.com/Jemt/Fit.UI/issues/51 (see re-open comment oct. 30, 2020)
 
-				var scrollParent = Fit.Dom.GetScrollParent(me.GetDomElement());
+				var scrollParent = Fit.Dom.GetScrollParent(me.GetDomElement()); // Null if DropDown or a parent has position:fixed
 				var alternativeTopPos = -1;
 
-				if (scrollParent !== Fit.Dom.GetScrollDocument())
+				if (scrollParent !== null && scrollParent !== Fit.Dom.GetScrollDocument())
 				{
 					// Control is positioned within a container with scroll.
 					// Calculate position relative to viewport to determine
@@ -22114,7 +21779,7 @@ Fit.Controls.WSDropDown = function(ctlId)
 
 		Fit.Internationalization.RemoveOnLocaleChanged(localize);
 
-		me = list = tree = actionMenu = search = forceNewSearch = hideLinesForFlatData = dataRequested = dataLoading /*= nodesPopulated*/ = requestCount = onDataLoadedCallback = suppressTreeOnOpen = timeOut = currentRequest = classes = autoUpdatedSelections = useActionMenu = useActionMenuForced = useActionMenuAfterLoad = useActionMenuSortingLocale = useActionMenuHtmlAllowed = treeViewEnabled = orgPlaceholder = customPlaceholderSet = translations = onRequestHandlers = onResponseHandlers = null;
+		me = list = tree = actionMenu = search = forceNewSearch = hideLinesForFlatData = dataRequested = dataLoading /*= nodesPopulated*/ = requestCount = onDataLoadedCallback = suppressTreeOnOpen = timeOut = currentRequest = classes = autoUpdatedSelections = useActionMenu = useActionMenuForced = useActionMenuAfterLoad = useActionMenuSortingLocale = useActionMenuHtmlAllowed = treeViewEnabled = orgPlaceholder = customPlaceholderSet = translations = onRequestHandlers = onResponseHandlers = onAbortHandlers /*= onPopulatedHandlers*/ = null;
 
 		base();
 	});
@@ -32832,9 +32497,9 @@ Fit.Controls.WSTreeView = function(ctlId)
 
 			// Preserve scroll position in case user scrolled view while data was loading. Calling node.Focused(true)
 			// or SetActiveNode(..) further down will not only focus or highlight node, but also scroll it into view.
-			var scrollbars = Fit.Dom.GetScrollBars(me.GetDomElement());
-			var scrollParent = scrollbars.Vertical.Enabled === true || scrollbars.Horizontal.Enabled === true ? me.GetDomElement() : Fit.Dom.GetScrollParent(me.GetDomElement());
-			var scrollPositionToRestore = keepState === true ? { Top: scrollParent.scrollTop, Left: scrollParent.scrollLeft } : null;
+			var scrollbars = Fit.Dom.GetScrollBars(me.GetDomElement()); // Scrollbars not enabled when no data is loaded to overflow own container
+			var scrollParent = scrollbars.Vertical.Enabled === true || scrollbars.Horizontal.Enabled === true ? me.GetDomElement() : Fit.Dom.GetScrollParent(me.GetDomElement()); // Null if data is not causing local scroll and if WSTreeView is not mounted in another scrollable container (likely within a parent with position:fixed)
+			var scrollPositionToRestore = scrollParent !== null && keepState === true ? { Top: scrollParent.scrollTop, Left: scrollParent.scrollLeft } : null;
 
 			// Remove nodes
 			me._internal.ExecuteWithNoOnChange(function()