We have a part that’s a full-screen iframe. When I drop it into my page, it leads to a few problems:
You can’t right click (probably because the click is captured by the iframe instead of the typescript application)
Dropping other parts in is hard, but not impossible. But I would hugely appreciate if you can make it work better.
You can’t delete the part
If it’s hard to make it work - consider disabling the iframe (not loading its content), and then add a “enable iframe” option to the right click menu to show it.
You can always see and select a part with the Page Components (clipboard icon, top-right) while editing content. It opens a tree view of all components on a page. That way you can always delete a part or add another, even when you can’t click it or drop a component in the page editor.
Hi!
I have an iframe part and it is impossible to select it for edit. When using a component view, there is an error in a console:
Uncaught TypeError: s.hasDescriptor is not a function
at https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/js/bundle.js:2:1441861
at Array.forEach (<anonymous>)
at PageComponentsTreeGrid.fetchDescriptions (https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/js/bundle.js:2:1441708)
at PageComponentsTreeGrid.fetchChildren (https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/js/bundle.js:2:1441540)
at PageComponentsTreeGrid.TreeGrid.fetchData (https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/admin/common/js/_all.js:1:646286)
at PageComponentsTreeGrid.TreeGrid.reloadNode (https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/admin/common/js/_all.js:1:650745)
at https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/admin/common/js/_all.js:1:651201
at Array.forEach (<anonymous>)
at https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/admin/common/js/_all.js:1:650903
From previous event:
at PageComponentsTreeGrid.TreeGrid.reloadNode (https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/admin/common/js/_all.js:1:650767)
at https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/admin/common/js/_all.js:1:651201
at Array.forEach (<anonymous>)
at https://www.website.com/admin/tool/com.enonic.app.contentstudio/main/_/asset/com.enonic.app.contentstudio:1615907211/admin/common/js/_all.js:1:650903
(anonymous) @ bundle.js:2
PageComponentsTreeGrid.fetchDescriptions @ bundle.js:2
PageComponentsTreeGrid.fetchChildren @ bundle.js:2
TreeGrid.fetchData @ _all.js:1
TreeGrid.reloadNode @ _all.js:1
(anonymous) @ _all.js:1
(anonymous) @ _all.js:1
_fulfilled @ _all.js:21136
(anonymous) @ _all.js:21165
Promise.promise.promiseDispatch @ _all.js:21098
(anonymous) @ _all.js:20906
flush @ _all.js:20457
setTimeout (async)
flush @ _all.js:20480
As mentioned above, for parts that are hard to make behave in the page editor, just implement a dummy version when “mode = edit” (you get this information in the request context.