fixes #544

docs/resources/changelog.md

@@ -15,6 +15,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 - Added the `filled` variation to `<sl-input>`, `<sl-textarea>`, and `<sl-select>` and supporting design tokens
 - Added the `control` part to `<sl-select>` so you can target the main control with CSS [#538](https://github.com/shoelace-style/shoelace/issues/538)
 - Changed the default `distance` in `<sl-dropdown>` from `2` to `0` [#538](https://github.com/shoelace-style/shoelace/issues/538)
+- Fixed a bug where `<sl-select>` would be larger than the viewport when it had lots of options [#544](https://github.com/shoelace-style/shoelace/issues/544)
 
 ## 2.0.0-beta.52
 

src/components/select/select.styles.ts

@@ -29,6 +29,11 @@ export default css`
     cursor: pointer;
   }
 
+  .select__menu {
+    max-height: 50vh;
+    overflow: auto;
+  }
+
   /* Standard selects */
   .select--standard .select__control {
     background-color: rgb(var(--sl-input-background-color));