feat(KB-156): add search input to dependency dropdowns

- Add searchable text input to TaskDetailModal dependency dropdown with filtering by id, title, and description
- Add matching search input to InlineCreateCard dependency dropdown
- Add sticky .dep-dropdown-search CSS with focus styling
- Reset search term when dropdown closes and reopens
- Add tests for search filtering, case-insensitive matching, empty state, and reset behavior
This commit is contained in:
Dustin Byrne
2026-03-28 02:29:45 -04:00
parent 3aa2ec743d
commit 40dacb49d3
5 changed files with 232 additions and 41 deletions

View File

@@ -1134,6 +1134,30 @@ html, body {
box-shadow: var(--shadow);
}
.dep-dropdown-search {
position: sticky;
top: 0;
width: 100%;
box-sizing: border-box;
padding: 6px 12px;
font-size: 12px;
font-family: inherit;
background: var(--surface);
border: none;
border-bottom: 1px solid var(--border);
color: var(--text);
outline: none;
z-index: 1;
}
.dep-dropdown-search::placeholder {
color: var(--text-dim);
}
.dep-dropdown-search:focus {
border-bottom-color: var(--accent, #58a6ff);
}
.dep-dropdown-empty {
padding: 10px 12px;
font-size: 12px;