Advanced Router - HTML in sc-view not appearing

I’ve been wrestling with this all day. If I put simple text inside <sc-view> then it shows the content. But if I add any html inside <sc-view> it won’t show, unless it’s the initial load of the page. I’ve been tinkering with _loadView in SCView. If I console out const newView it will show <sc-view> with all of the HTML properly inside. It appears that it’s breaking down somewhere in:

newView.childNodes.forEach(node => {
    this._view.appendChild(node);
});

this.appendChild(this._view);

Has anyone else experienced this?

[surma]

Not using innerHTML was a conscious decision. Using innerHTML serializes the entire DOM to a string just to deserialize it right after. The current code should be doing exactly the same.

I took the current advanced-router code and changed line 38 of about/index.html to

<sc-view class="view-about visible" route="^/about/(.*)">
  <div>About <a href="x.com">lol</a></div>
</sc-view>

and it still works fine, both on initial page load as well as on navigation.

So I can’t reproduce, but I am curious as to what is going wrong on your end.

[itsMattShull]

I’ve made the changes in the pull request. I’ll go ahead and close the issue.