fix(ui): disable text selection on header, filter chips, and bottom nav
Add `select-none` to the sticky header, the type filter chips row, and the mobile bottom nav so their labels and icons can't be highlighted/selected. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -48,7 +48,7 @@ export function FilterChips({ type, onTypeChange }: FilterChipsProps) {
|
||||
].join(" ");
|
||||
|
||||
return (
|
||||
<div className="bg-ark-bg/95 backdrop-blur md:rounded-t-xl">
|
||||
<div className="select-none bg-ark-bg/95 backdrop-blur md:rounded-t-xl">
|
||||
<div
|
||||
ref={scrollRef}
|
||||
className="flex items-end gap-2 overflow-x-auto overflow-y-hidden px-4 pr-10 [-ms-overflow-style:none] [scrollbar-width:none] md:gap-5 md:px-1 md:pr-1 [&::-webkit-scrollbar]:hidden"
|
||||
|
||||
Reference in New Issue
Block a user