Skip to content

Class scoping doesn't work on <svelte:element> #139

@NicolaFriuli

Description

@NicolaFriuli

It seems that when using <svelte:element> classes aren't being processed.

This doesn't work

<script>
  const tag = "div";
</script>

<svelte:element this={tag} class="test">Hello World!</svelte:element>

<style module>
  .test {
    background-color: red;
  }
</style>

Output:

<div class="test s-A8QqWK3Qbhgz">Hello World!</div>

This works

<div class="test">Hello World!</div>

<style module>
  .test {
    background-color: red;
  }
</style>

Output:

<div class="test-2zbctJ">Hello World!</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions