abelljs / abelljs/abell

Scoped CSS is not applied on build-time generated HTML

Open
#144 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
443
Forks
36
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**

Scoped CSS doesn't work with generated HTML (See the stackblitz example below)

**To Reproduce**

https://stackblitz.com/edit/abell-rqqnss?file=index.abell,_navbar.abell

**Expected behavior**

The scoped CSS should be applied on all HTML written inside that component irrespective of how it is generated.

**Specs:**

- Abell Version: 1.0.0-alpha.72
- Node Version: any
- Operating System: any

**Additional context**

Currently we're looking for HTML tags in the code and injecting the hash which is used for scoping.

Because we're looking for HTML tags before the evaluation, it is only getting applied where we have well defined HTML tags. But for HTML that is generated on build time, that injection of hash doesn't happen.

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.