I have a gallery in my app. In edit mode, all items always show up. In play/live mode however, it sometimes happens that a single item in the gallery (usually the first) is not shown.
Users observe the problem at totally random moments. Whenever I check the data sources, everything is fine.
Below screenshots show the difference between edit and play mode:
Gallery in edit mode: everything is shown correctly.
Same gallery in play mode. Nothing is shown for the first item.
I already checked the page elements with dev tools of my browser. In play mode, the missing information does not even show up on the page. The location where missing text appears in edit mode, is just empty. See below HTML fragments:
<div spellcheck="false" unselectable="off" class="appmagic-label-text" data-control-part="text" data-bind="{
inlineEditText: properties.Text,
css: {
'appmagic-label-single-line': !properties.Wrap()
},
attr: {
'aria-live': live,
'aria-atomic': live() ? 'true' : null
}
}">Sample text label 0</div>
Inspected HTML element in edit mode.
<div spellcheck="false" unselectable="off" class="appmagic-label-text" data-control-part="text" data-bind="{
inlineEditText: properties.Text,
css: {
'appmagic-label-single-line': !properties.Wrap()
},
attr: {
'aria-live': live,
'aria-atomic': live() ? 'true' : null
}
}"></div>
Same element inspected in play mode.
How could I solve this problem? Many thanks in advance!
