Skip to content

Add tab workflow #3573

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
emilhe wants to merge 6 commits into
base: v4
Choose a base branch
from
+199 −81
Draft

Add tab workflow #3573

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
8b3b4a3
Add tab workflow
emilhe Jan 19, 2026
83fe8c9
Attempt to minimize changes
emilhe Jan 19, 2026
a8aaaad
Add sort relevance
emilhe Jan 20, 2026
4978306
Improve focus handling
emilhe Jan 20, 2026
ad5011d
Change minimization
emilhe Jan 20, 2026
2c09f3c
Add ENTER workflow
emilhe Jan 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add sort relevance
  • Loading branch information
@emilhe
emilhe committed Jan 20, 2026
commit a8aaaadf40854a57f695e01c3fe28c6839f2e0a9
36 changes: 35 additions & 1 deletion components/dash-core-components/src/utils/dropdownSearch.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,8 +85,42 @@ export function createFilteredOptions(

const filtered = search.search(searchValue) as DetailedOption[];

// Convert to lowercase for case insensitive comparison
const searchLower = searchValue.toLowerCase();
const labelMap = new Map(
filtered.map(opt => [
opt.value,
String(opt.label ?? opt.value).toLowerCase(),
])
);
// Sort results by match relevance
const sorted = filtered.sort((a, b) => {
const aLabel = labelMap.get(a.value)!;
const bLabel = labelMap.get(b.value)!;
// Label starts with search value
const aStartsWith = aLabel.startsWith(searchLower);
const bStartsWith = bLabel.startsWith(searchLower);
if (aStartsWith && !bStartsWith) {
return -1;
}
if (!aStartsWith && bStartsWith) {
return 1;
}
// Check for word boundary match (space followed by search term)
const aWordStart = aLabel.includes(' ' + searchLower);
const bWordStart = bLabel.includes(' ' + searchLower);
if (aWordStart && !bWordStart) {
return -1;
}
if (!aWordStart && bWordStart) {
return 1;
}
// Everything else (substring match)
return 0;
});

return {
sanitizedOptions: sanitized || [],
filteredOptions: filtered || [],
filteredOptions: sorted || [],
};
}