diff --git a/.changeset/snug-lists-breathe.md b/.changeset/snug-lists-breathe.md new file mode 100644 index 000000000..3334ec3ad --- /dev/null +++ b/.changeset/snug-lists-breathe.md @@ -0,0 +1,5 @@ +--- +"@tailor-platform/app-shell": patch +--- + +`Select`'s dropdown now has a 4px inner gap, like `Menu`, `Combobox` and `Autocomplete`, so the highlighted option no longer touches the dropdown's edges. diff --git a/packages/core/__snapshots__/src__components__select__select.test.tsx.snap b/packages/core/__snapshots__/src__components__select__select.test.tsx.snap index 2e3872057..5d98e1442 100644 --- a/packages/core/__snapshots__/src__components__select__select.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__select__select.test.tsx.snap @@ -2,10 +2,10 @@ exports[`Select > snapshots > closed select with placeholder 1`] = `""`; -exports[`Select > snapshots > disabled item 1`] = `"
Apple
Banana
"`; +exports[`Select > snapshots > disabled item 1`] = `"
Apple
Banana
"`; exports[`Select > snapshots > disabled select 1`] = `""`; -exports[`Select > snapshots > open select 1`] = `"
Apple
Banana
"`; +exports[`Select > snapshots > open select 1`] = `"
Apple
Banana
"`; -exports[`Select > snapshots > with groups and separator 1`] = `"
Apple
Carrot
"`; +exports[`Select > snapshots > with groups and separator 1`] = `"
Apple
Carrot
"`; diff --git a/packages/core/src/components/select/select.tsx b/packages/core/src/components/select/select.tsx index 8d2780c9a..be830a07a 100644 --- a/packages/core/src/components/select/select.tsx +++ b/packages/core/src/components/select/select.tsx @@ -100,7 +100,7 @@ function SelectContent({