Make the select item text non-selectable

This was making the l-beam cursor appear when hovering over the items, which is distracting when you want to just select an item for the select.
WordPress · May 27, 2024 · cd537af · cd537af
1 parent 17f6bbd
commit cd537af
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/packages/components/src/custom-select-control-v2/styles.ts b/packages/components/src/custom-select-control-v2/styles.ts
@@ -118,6 +118,7 @@ export const SelectItem = styled( Ariakit.SelectItem )`
  padding: ${ ITEM_PADDING };
  font-size: ${ CONFIG.fontSize };
  line-height: 2.15rem; // TODO: Remove this in default but keep for back-compat in legacy
+ user-select: none;
  &[data-active-item] {
  background-color: ${ COLORS.theme.gray[ 300 ] };
  }