When I want to edit a component in Cornerstone with an element that contains a dropdown, such as a mega menu dropdown, the content of the dropdown is not displayed because it is not one of the elements that affect the content height.
My manual fix for this is to allow overflow for the HTML element embedded in .tco-preview-iframe-container.
Could you perhaps make it possible in general that such elements are not cut off so that they can be edited visible?
Hi @Regnalf,
Thanks for reaching out.
I have tried but have been unable to replicate the same in my local environment. Can you please provide login credentials for your site in a secure note to examine it further, including:
– WordPress Site URL & Login URL
– WordPress Admin username/password
To create a secure note, click the key icon underneath any of your posts.
Thanks
I have provided the access data for my test page because the original page is secured with an IP filter that I do not have access to, and it would take weeks before we have access to it. But the test page reproduces exactly the same problem. It’s a test environment, so feel free to play with.
I should also mention that this is only a problem when creating or editing the element in the Cornerstone Editor. It works on the page where the element is integrated because there is enough space underneath for the drop-down menu to function.
Hello @Regnalf,
This isn’t an issue. This happens because the Preview Builder has a limited preview pane height and is only based on the height of your element. When creating a Component element, we highly recommend that you include Section, Row, and Columns as the container of your element. Use the Component Export so that your element will be displayed in the Cornerstone prefab element library.
Please check out the #Scaffolding or #Atoms Component, where we have demonstrated the prefab components we have used for the Magnate demo site.
Hope this helps.
