Data bindings not being rendered always (quite a specific scenario)

Wappler General Bugs
#1

Wappler Version : 3.3.5
Operating System : MacOS Catalina

I believe this bug is somehow related to the workaround I use to recreate sub(nested) layouts.
https://community.wappler.io/t/support-for-nested-sub-layouts/25279/7

I’ve got two routes set as following:

{
      "path": "/account/profile",
      "page": "dashboard/account/main",
      "layout": "dashboard",
      "data": {
        "id": "profile",
        "i18nfile": "account",
        "js": [
          "js/formatters.js"
        ]
      },
      "name": "Account Profile Settings"
    },
    {
      "path": "/account/security",
      "page": "dashboard/account/main",
      "layout": "dashboard",
      "data": {
        "id": "security",
        "i18nfile": "account"
      },
      "name": "Account Security Settings"
    }

Now i’ve got a content page that acts as sub-layout calling partials as:

<div class="row">
		<div class="col-lg-4 order-lg-2">
			<%- await include('_right_sidebar', Object.assign({}, locals, )) %>
		</div>
		<div class="col-lg-8 order-lg-1">
			<%- await include('_'+id, Object.assign({}, locals, )) %>
		</div>
	</div>

In the _right_sidebar partial I have two links that call the above routes.

When clicking on the first one the bindings in the navbar are shown correctly. When clicking on the second one the bindings are shown sometimes. I have cache turned off in the dev tools.

I believe it has something to do with DOM refreshing or not refreshing in time via requestUpdate() when hacking routes and content pages to work as sub-layouts. As it only happens under these circumstances. If i run manually dmx.requestUpdate() from the console it will render the bindings correctly when the issue appears.

What is even weirder is that trying to record a video I noticed this issue doesn’t happen if the browser scroll bar is visible.

I can open a tunnel to my localhost machine so you can check. Just let me know who to send the url and credentials.

#2
#3
#4
#5