Skip to content

Scoped CSS is not applied on build-time generated HTML #144

@saurabhdaware

Description

@saurabhdaware

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions