Preview on Pro 2.3.8 does not work!

Support
#1

I updated our site to Pro 2.3.8, and ever since the preview is giving us this error on most things:

“This element could not render due to invalid template markup. This could be due to changes introduced by a third party plugin. The front end of your site should still function normally”

and widgets do not appear at all!

I tried to add a widget and it appeared for a second and then disappeared.

I have cleared my browser cache, cleared my site cache and increased the memory allocated to PHP.

Nothing has corrected the problem. Do I need to roll back to a previous version?

#2

Update, I can make a Widget Area appear in edit mode by deactivating the plugin associated with the Widget Area. However, I still cannot move the widget anywhere else on the page.

#3

Hi Ray,

We’d be happy to help you figure out what’s going on here. Would you mind letting us know what page(s) are affected? I tried editing several on your site and couldn’t reproduce this, although you do have a large amount of content so maybe I just didn’t find the right page yet.

Meanwhile, that error message is always accompanied by a more in depth message if you dare to open the browser’s developer tools and check the console tab. It will usually say what invalid HTML triggered the error. We can check this for you after seeing the error on a page, but I wanted to let you know in case you wanted to see for yourself.

Thanks!

#4

It’s right on the home page at https://rollback-wjct.pantheonsite.io/

Here’s a screen recording showing what I’m talking about: https://youtu.be/DvzjdCGS59A

#5

Hey @RayHollister,

Please be advised that the widget area may not display in the Cornerstone editor preview especially if it is driven by Javascript to display any widget contents. Javascripts were block from being rendered in the editor to prevent it from crashing or having conflicts with the editor.

In the next version, an enhancements of the widget area will be added so that there will be an indication or at least a placeholder to be able to see the widget area in the editor.

Thank you for your understanding.

#8

Hi Ray,

I’m working through some of our bug reports and came back to this. Regretfully, because this is a third party widget, there really isn’t anything that can be done to make it preview correctly.

We do output placeholders for the widget area element. They appear if you have not yet selected a widget area or if you select a widget area that doesn’t include any content. Once content is added, the widget area element will output it inline. The issue here is that the custom javascript of the widget seems to be unable to run if it is dynamically added to the page. This results in the element having no height and being un-clickable. As a workaround, you could add some custom CSS to ensure the element is clickable.

.x-bar-widget-area.cs-element-preview {
  min-height: 50px;
}

This isn’t something we can do in the builder directly because there isn’t a way for us to know the intention of custom widgets and it could conflict with that behavior.