GoogleChromeLabs / GoogleChromeLabs/ui-element-samples

Advanced Router - Web Components do not render properly in <sc-view>

Open
#56 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
4.1k
Forks
723
Avg merge
3m
Merged PRs (30d)
4

Description

I'm using web components in the router to display a couple of buttons, such as . On safari and firefox, when I route in the page with those they appear and behave as I expect with all the styles. (Just like you see when you go to this page: [example](https://derekshull.github.io/styleguide/buttons/))

If you use chrome to go directly to the page [(example)](https://derekshull.github.io/styleguide/buttons/) then you'll see it appear and behave normal. BUT, if you go to another page first ([like this one](https://derekshull.github.io/styleguide/colors/)) and use the side-nav to go to the buttons page, they don't appear correctly.

Since this is only happening in Chrome and not Safari, FF, etc. could it be a Chrome bug? Maybe to do with how the nodes are being brought in?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.