Openui5: DesignTime Library's LayoutEditor example is broken

[git-ashish]

OpenUI5 version: 1.78.1

Browser/version (+device/version): Google Chrome Version 83.0.4103.106 (Official Build) (64-bit), macOS Catalina Desktop, Version 10.15.4

Any other tested browsers/devices(OK/FAIL): NO

URL (minimal example if possible): https://sapui5.hana.ondemand.com/test-resources/sap/ui/dt/LayoutEditor.html

User/password (if required and possible - do not post any confidential information here): None

Steps to reproduce the problem:

1. Open UI5 LayoutEditor example on Google Chrome
2. Open Developer Tools
3. Drag the button 'Button: Drag me' from left panel to right panel and drop it.
   

What is the expected result?
After step 3, there should be no errors in the console and a new Button should be generated in the right side panel.

What happens instead?
You will see errors in the developer console. The dropped button doesn't appear in the right side panel

Any other information? (attach screenshot if possible)

Util-dbg.js:91 Uncaught (in promise) Error in sap.ui.dt.ElementOverlay#_subscribeToMutationObserver: Please provide a root control with proper domRef and id to ensure that DesignTime is working properly at Object.U.createError (Util-dbg.js:91) at constructor.d._subscribeToMutationObserver (ElementOverlay-dbg.js:220) at constructor.d._initMutationObserver (ElementOverlay-dbg.js:208) at constructor.eval (ElementOverlay-dbg.js:197) U.createError @ Util-dbg.js:90 d._subscribeToMutationObserver @ ElementOverlay-dbg.js:212 d._initMutationObserver @ ElementOverlay-dbg.js:207 eval @ ElementOverlay-dbg.js:178 Promise.then (async) (anonymous) @ LayoutEditor.html:90 dispatch @ jquery-dbg.js:561 c3.handle @ jquery-dbg.js:561 LayoutEditor.html:98 Uncaught TypeError: Cannot read property '$' of undefined at HTMLButtonElement.<anonymous> (LayoutEditor.html:98) at HTMLButtonElement.dispatch (jquery-dbg.js:4742) at HTMLButtonElement.c3.handle (jquery-dbg.js:4554) (anonymous) @ LayoutEditor.html:98 dispatch @ jquery-dbg.js:561 c3.handle @ jquery-dbg.js:561

[gmkv]

Hello @git-ashish,

Thank you for sharing this finding. I've created an internal incident 2080273235. The status of the issue will be updated here in GitHub.

Regards,
Georgi

[edingerk]

Hello,

we created a Backlog Item to fix this testpage, but I can't tell you when we are going to actually do it. But we are committed to fixing it.
BLI-ID: UICSFLEX-7604

Regards,
Kevin

[edingerk]

Hi,

today finally a new UI5 Version was able to be delivered. In this version this issue is fixed. You can change to Version 1.84.0 or higher to check it out.
Thank you for pointing us to this issue.

https://sapui5.hana.ondemand.com/1.84.0/test-resources/sap/ui/dt/LayoutEditor.html

Regards,
Kevin

[git-ashish]

Thanks a lot for providing a solution. Cheers!