Skip to content

Fix filled + outlined appearances #1112

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jul 1, 2025
Merged

Conversation

lindsaym-fa
Copy link
Contributor

@lindsaym-fa lindsaym-fa commented Jul 1, 2025

Closes #1102

The issue was caused by nesting :host() selectors (Safari and Firefox were chill about it, but Chrome and Edge weren't) and affected all components that support both filled and outlined in appearance="". This fixes all of the following components:

  • <wa-badge>
  • <wa-button>
  • <wa-callout>
  • <wa-card>
  • <wa-details>
  • <wa-input>
  • <wa-select>
  • <wa-textarea>
  • <wa-tag>

@lindsaym-fa lindsaym-fa linked an issue Jul 1, 2025 that may be closed by this pull request
Copy link

vercel bot commented Jul 1, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
webawesome ✅ Ready (Inspect) Visit Preview Jul 1, 2025 7:30pm

@lindsaym-fa lindsaym-fa requested a review from claviska July 1, 2025 19:36
@lindsaym-fa lindsaym-fa merged commit 99d9024 into next Jul 1, 2025
2 checks passed
@lindsaym-fa lindsaym-fa deleted the lm/fix-details-filled-outlined branch July 10, 2025 17:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

<wa-details appearance="filled outlined"> is missing the outline
2 participants