Skip to content

Client component causes unwanted inline style #7732

@osiegmar

Description

@osiegmar

What version of astro are you using?

2.8.5

Are you using an SSR adapter? If so, which one?

None

What package manager are you using?

pnpm

What operating system are you using?

Mac

What browser are you using?

Safari

Describe the Bug

When using a component with the client:* directive, astro creates this inline style:

<style>
  astro-island, astro-slot {
    display: contents
  }
</style>

This comes a bit unexpected as the config option build.inlineStylesheets is set to never (the default) which should cause "all styles are sent in external stylesheets" as the documentation says.

What's the expected result?

Have external stylesheets exclusively.

Link to Minimal Reproducible Example

https://astro.build

Participation

  • I am willing to submit a pull request for this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs triageIssue needs to be triaged

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions