webcomponents / webcomponents/polyfills

[ShadyCSS] :host() selector containing multiple elements extremely slow when first element has a long name

Open
#13 2 comments 0 reactions 0 assignees View on GitHub
More Info Needed Package: shadycss wontfix
Dominant language
HTML
Stars
1.2k
Forks
168
PR merge metrics
No merged PRs in 30d

Description

Complete example

```



:host(aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa, a) {
}


class ThemeBug extends Polymer.Element {
static get is() { return 'theme-bug'; }
}

window.customElements.define(ThemeBug.is, ThemeBug);

```

When there are two elements within `:host()`, and the length of the first gets to around 20-30 characters, the page loading time gets slow to the point that e.g. Firefox freezes completely.

If the order of the long and short names are reversed, this is not an issue.

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.