Skip to content

Commit c1ad2f9

Browse files
chore(code): make Combobox search and footer sticky (#1917)
1 parent b90c348 commit c1ad2f9

1 file changed

Lines changed: 8 additions & 1 deletion

File tree

apps/code/src/renderer/components/ui/combobox/Combobox.css

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,9 @@
3333
}
3434

3535
.combobox-input-wrapper {
36+
position: sticky;
37+
top: 0;
38+
z-index: 1;
3639
display: flex;
3740
align-items: center;
3841
gap: var(--space-2);
@@ -87,8 +90,9 @@
8790
}
8891

8992
.combobox-content [cmdk-list] {
90-
flex: 1;
93+
flex: 1 1 auto;
9194
min-height: 0;
95+
max-height: 240px;
9296
overflow-y: auto;
9397
overflow-x: hidden;
9498
overscroll-behavior: contain;
@@ -286,6 +290,9 @@
286290
}
287291

288292
.combobox-footer {
293+
position: sticky;
294+
bottom: 0;
295+
z-index: 1;
289296
border-top: 1px solid var(--gray-a6);
290297
padding: var(--combobox-content-padding);
291298
flex-shrink: 0;

0 commit comments

Comments
 (0)