Skip to content

Commit 0b0a94b

Browse files
authored
fix(ui): fix filter dropdown rendering behind table rows (#173)
## Summary - Filter dropdowns on the /runs page (Suite, Strategy, etc.) were rendering behind table rows due to insufficient z-index - Bumped `ListboxOptions` z-index from `z-10` to `z-50` ## Test plan - [x] On /runs, click the Suite filter dropdown — verify it renders above the table
1 parent 2e8a0ba commit 0b0a94b

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

ui/src/components/runs/RunFilters.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ function FilterDropdown<T extends string>({
6969
<ChevronIcon />
7070
</span>
7171
</ListboxButton>
72-
<ListboxOptions className="absolute z-10 mt-1 max-h-60 w-full min-w-max overflow-auto rounded-sm bg-white py-1 text-base shadow-sm ring-1 ring-black/5 focus:outline-hidden dark:bg-gray-800 dark:ring-gray-700">
72+
<ListboxOptions className="absolute z-50 mt-1 max-h-60 w-full min-w-max overflow-auto rounded-sm bg-white py-1 text-base shadow-sm ring-1 ring-black/5 focus:outline-hidden dark:bg-gray-800 dark:ring-gray-700">
7373
{options.map((option) => (
7474
<ListboxOption
7575
key={option.value}

0 commit comments

Comments
 (0)