fix(ui5-table): call resize handler on initial rendering

FIXES: #568

packages/base/src/delegate/ResizeHandler.js

@@ -1,4 +1,3 @@
-import UI5Element from "../UI5Element.js";
 import NativeResize from "./NativeResize.js";
 import CustomResize from "./CustomResize.js";
 
@@ -33,30 +32,22 @@ class ResizeHandler {
 	/**
 	 * @static
 	 * @public
-	 * @param {*} ref Reference to a UI5 Web Component or DOM Element to be observed
+	 * @param {*} ref Reference to an HTML Element to be observed
 	 * @param {*} callback Callback to be executed
 	 * @memberof ResizeHandler
 	 */
 	static register(ref, callback) {
-		if (ref instanceof UI5Element) {
-			ref = ref.getDomRef();
-		}
-
 		ResizeHandler.attachListener(ref, callback);
 	}
 
 
 	/**
 	 * @static
 	 * @public
-	 * @param {*} ref Reference to UI5 Web Component or DOM Element to be unobserved
+	 * @param {*} ref Reference to an HTML Element to be unobserved
 	 * @memberof ResizeHandler
 	 */
 	static deregister(ref, callback) {
-		if (ref instanceof UI5Element) {
-			ref = ref.getDomRef();
-		}
-
 		ResizeHandler.detachListener(ref, callback);
 	}
 }

packages/main/src/Table.js

@@ -164,6 +164,11 @@ class Table extends UI5Element {
 		this._delegates.push(this._itemNavigation);
 
 		this.fnOnRowFocused = this.onRowFocused.bind(this);
+
+		this._handleResize = this.popinContent.bind(this);
+
+		// register the resize initially so it can be triggered when the element is rendered
+		ResizeHandler.register(this, this._handleResize);
 	}
 
 	onBeforeRendering() {
@@ -182,12 +187,8 @@ class Table extends UI5Element {
 		});
 	}
 
-	onEnterDOM() {
-		ResizeHandler.register(this.getDomRef(), this.popinContent.bind(this));
-	}
-
 	onExitDOM() {
-		ResizeHandler.deregister(this.getDomRef(), this.popinContent.bind(this));
+		ResizeHandler.deregister(this, this._handleResize);
 	}
 
 	onRowFocused(event) {