Using background image feature of layout editor makes text disappear

To be completed by the original poster:

CMS Version

Able to reproduce on 3.3.1 and 4.4.0 using Edge on Mac v145 and Chrome on Mac v146

Player Type

Android and Windows

Player Version

v408 for Android. v406 for Windows but this is before sending layout to them.

Issue

Create a new layout

Use the background image feature to put a background on image

Drag Text field onto canvas and make whatever text you want

Duplicate or drag more text fields if you want

Everything renders and looks correct

Exit out of layout

Re-enter layout

All text disappears unless you select the bounding box via mouse or the layer picker. Then text will re-render and show up

Impossible to edit but publishing and displaying on player works correctly

If you instead drag your background to be the bottom layer in a canvas and create text fields, it will continue to render and work fine

Workaround for now: don’t use background image feature.

Hi, thank you for posting.

The background image is on the same layer as the canvas and as we don’t force having separate layers for all content, when objects overlap this can happen.
We recommend that you select the covered content via the Layer Manager in order to edit. From here you could also make sure the background layer is lower than everything else.

Thanks for the quick response.

That’s doesn’t explain why everything renders and displays correctly until the first time you exit and then re-enter. If it also renders and displays correctly on the player itself, then it’s not WYSIWYG and would seem to be a bug to fixed.

The workaround is fine until this discrepancy can be resolved.

from the Evolution of the Layout Editor post elsewhere in this message board. The first decision is:

”A user should be able to drag/drop/resize and position with real time feedback of how that will look.”

We can certainly look at improving this functionality for our next major release, but in the meantime you would need to use the Layer Manager.