Scoped CSS: Next sibling selector not working with :host
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.4k
- Forks
- 46
- Avg merge
- 10m
- Merged PRs (30d)
- 2
Description
The next sibling selector (adjacent sibling selector) does not work with :host.
<style webc:scoped>
:host + :host {
margin-block-start: 1rem;
}
</style>
This should output xyz + xyz but produces xyz + :host.
Repro: https://github.com/rothsandro/repro.webc-adjacent-host-selector
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the scoped CSS transformation for the adjacent :host + :host selector, using the linked reproduction to observe the current output. Confirm that the selector is transformed to xyz + xyz rather than xyz + :host; done means the reproduction produces the expected selector.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100