Merge branch 'next' into react-fix

docs/pages/components/details.md

@@ -123,7 +123,9 @@ Details are designed to function independently, but you can simulate a group or
 
   // Close all other details when one is shown
   container.addEventListener('sl-show', event => {
-    [...container.querySelectorAll('sl-details')].map(details => (details.open = event.target === details));
+    if (event.target.localName === 'sl-details') {
+      [...container.querySelectorAll('sl-details')].map(details => (details.open = event.target === details));
+    }
   });
 </script>
 

docs/pages/resources/changelog.md

@@ -16,6 +16,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
 
 - Added the Croatian translation [#1656]
 - Fixed a bug that caused the [[Escape]] key to stop propagating when tooltips are disabled [#1607]
+- Fixed a bug that made it impossible to style placeholders in `<sl-select>` [#1667]
 - Fixed a bug that caused `dist/react/index.js` to be blank [#1659]
 
 ## 2.10.0

src/components/select/select.styles.ts

@@ -67,6 +67,10 @@ export default css`
     -webkit-appearance: none;
   }
 
+  .select__display-input::placeholder {
+    color: var(--sl-input-placeholder-color);
+  }
+
   .select:not(.select--disabled):hover .select__display-input {
     color: var(--sl-input-color-hover);
   }