Custom Element - Can't Test it in the Editor Only Shows Up On the Preview/Published Page

Good day!

I created a custom element in Velo that is a form picker dropdown.

For some reason I cant click on the element inside the Editor to choose the dropdown and select a form.

I can only choose the form dropdown on the published site and then it embed the form on the page.

Does anyone happen to know if there is a setting or something that I need to select in order to do the opposite…be able to choose the dropdown inside the Wix editor and then only display the form and not the dropdown on the published page?

Any help/guidance will be greatly appreciated!

Thanks!!

The info you posted is not sufficient in order to understand the problem, not alone to identify the reason.
In general, custom elements in preview mode are wrapped by an iframe and therefore may have different size/position.
The best way to test them is on live page (create a duplicate page, lock it to admins only, and test there).

Hi J.D.,
Thanks for your reply.

Is there a way to unlock the custom element from the iframe so that I can actually test the the custom element inside of the editor?

I have a simple dropdown menu that makes an API call and brings in a list and you can then choose one of those items in a list and it embeds a form.

But perhaps because the editor wraps the custom element in an iframe it is somehow blocking the functionality? I don’t want the dropdown to be visible on the live page for the end user.

Is there a way I could post more sufficient info to help?

@philotimo You can’t have it outside the iframe on the editor preview,
To make it clearer, you can add screenshots (or video) and post the code.

@jonatandor35 Thank you very much for your response. Can customizations be made to the custom element while inside the editor? In the screenshot below, I have my custom element that doesn’t currently allow me to make any changes to it other than choosing the source or setting attributes. This is where I am trying to choose the form I want to display onto the published page.

“Can customizations be made to the custom element while inside the editor?”
Sure, you can change your custom element to whatever you wish.