Multi-page setup - wrong buttons loaded when navigating to a different page

[austozi]

Version Docker (b4bz/homer:latest - as of 9 Sep 2021) OS/Arch: linux/arm Browser: Firefox 91.0.2/64-bit, Chromium 90.0.4430.212/64-bit

The Issue

In my multi-page setup, when navigating between pages, buttons from the previous page are shown on the new page. A refresh is necessary to load the correct buttons on the new page. Video attached below to illustrate what I mean:

https://user-images.githubusercontent.com/89324189/132675406-797aa993-f8a8-42fb-8ae3-9ad1f9825250.mp4

What I expect to happen instead The correct buttons should load without requiring a page refresh

Error messages

When this happens, I've seen the following errors being thrown seemingly at random in the browser console (not always the same pages, and a page sometimes loads with the error, sometimes not):

DOMException: Node.insertBefore: Child to insert before is not a child of this node [vue.runtime.esm.js:1897:12]

and

TypeError: t is undefined [vue.runtime.esm.js:1897:12]

[LazyInLA]

I'm also experiencing the same behavior with multiple pages. Occurs about half (or perhaps somewhat less) the time going from main page to another. Debian10amd64/Apache/Chrome

[bastienwirtz]

Hi there, thanks for reporting this! I will have to investigate, I'll keep you updated.

[flyingfishflash]

@bastienwirtz: This is likely a duplicate of #252