Lazy load image source does not update via web socket refresh

Wappler Version : 4.6.3
Operating System : mac
Server Model: node
Database Type:
Hosting Type:

Expected behavior

When a server connect refreshes via web socket, the source of a lazy load image should properly update

Actual behavior

The data-src updates, but the src does not and thus the old image is displayed (notice the src ending in “w2j.jpg” instead of “2yo.jpg”)

Screen Shot 2022-03-08 at 4.19.32 PM756×33 11.3 KB

<img class="img-fluid lazyloaded" style="" data-src="https://res.cloudinary.com/dtetkijjp/image/upload/v1646785089/mix4b9arwzrv6qqki2yo.png" src="https://res.cloudinary.com/dtetkijjp/image/upload/v1646785055/hedpzfxh0fwllje6sw2j.png">

If I refresh the page it is fixed:

<img class="img-fluid lazyloaded" style="" data-src="https://res.cloudinary.com/dtetkijjp/image/upload/v1646785089/mix4b9arwzrv6qqki2yo.png" src="https://res.cloudinary.com/dtetkijjp/image/upload/v1646785089/mix4b9arwzrv6qqki2yo.png">

How to reproduce

Use an image tag:

<img class="img-fluid" dmx-lazyload-dynamic="" dmx-bind:data-src="image_url_display" dmx-hide="media_type == 'video' || !image_url_display">

that is sourced via a repeat

<div class="row row-cols-1 mb-2" id="posts_row" is="dmx-repeat" dmx-bind:repeat="get_posts.data.posts" key="post_id">

using a sockets server connect:

<dmx-serverconnect id="get_posts" url="/api/1/1/dashboard/get_posts" sockets="true"></dmx-serverconnect>

On the web socket refresh, the number of “posts” and the post id’s do NOT change…the only change is to the url for the image source.

Unfortunately, the issue is intermittent (happens about 50% of the time.)

I have tried Beta and Stable channels.