diff --git a/docs/pages/resources/changelog.md b/docs/pages/resources/changelog.md index 142de763..cabc226c 100644 --- a/docs/pages/resources/changelog.md +++ b/docs/pages/resources/changelog.md @@ -12,6 +12,11 @@ Components with the Experimental bad New versions of Shoelace are released as-needed and generally occur when a critical mass of changes have accumulated. At any time, you can see what's coming in the next release by visiting [next.shoelace.style](https://next.shoelace.style). +## Next + +- Fixed a bug in `` that made the suffix slot collide with the clear button [#2145] + + ## 2.17.0 - Added the `fixed-scroll-controls` attribute to `` [#2128] diff --git a/src/components/select/select.styles.ts b/src/components/select/select.styles.ts index ddc3d3d4..16d1a12c 100644 --- a/src/components/select/select.styles.ts +++ b/src/components/select/select.styles.ts @@ -260,20 +260,17 @@ export default css` border-radius: var(--sl-input-height-large); } - /* Prefix */ - .select__prefix { + /* Prefix and Suffix */ + .select__prefix, + .select__suffix { flex: 0; display: inline-flex; align-items: center; color: var(--sl-input-placeholder-color); } - /* Suffix */ - .select__suffix { - flex: 0; - display: inline-flex; - align-items: center; - color: var(--sl-input-placeholder-color); + .select__suffix::slotted(*) { + margin-inline-start: var(--sl-spacing-small); } /* Clear button */