authorgravatar for paul.trinko95@gmail.comPavlo Trinko <paul.trinko95@gmail.com> 2026-08-16 01:35:45+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-15 19:35:45-04:00
logd484735c64ed98a0737b594818996660f72c1616
tree5f15cd9468e6e3f67f17174806bd186a726e86fd
parent2f486ab80c748b4d8e3d3b17e49b5a327cb93335
signature Signed by PGP key B5690EEEBB952194

fix(web): keep highlighted command menu items clear of the scroll fade (#7132)

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

2 files changed, 2 insertions(+), 2 deletions(-)

apps/web/src/components/chat/ComposerCommandMenu.tsx+1-1
...@@ -144,7 +144,7 @@ export const ComposerCommandMenu = memo(function ComposerCommandMenu(props: {...@@ -144,7 +144,7 @@ export const ComposerCommandMenu = memo(function ComposerCommandMenu(props: {
144 className="dropdown-glass relative w-full overflow-hidden rounded-[20px] shadow-[0_16px_40px_-18px_rgb(0_0_0/55%)] **:data-[slot=scroll-area-scrollbar]:data-[orientation=vertical]:my-4 dark:shadow-[0_18px_44px_-18px_rgb(0_0_0/80%)]"144 className="dropdown-glass relative w-full overflow-hidden rounded-[20px] shadow-[0_16px_40px_-18px_rgb(0_0_0/55%)] **:data-[slot=scroll-area-scrollbar]:data-[orientation=vertical]:my-4 dark:shadow-[0_18px_44px_-18px_rgb(0_0_0/80%)]"
145 >145 >
146 {props.items.length > 0 ? (146 {props.items.length > 0 ? (
147 <CommandList className="max-h-72">147 <CommandList className="max-h-72 not-empty:py-3">
148 {groups.map((group, groupIndex) => (148 {groups.map((group, groupIndex) => (
149 <div key={group.id}>149 <div key={group.id}>
150 {groupIndex > 0 ? <CommandSeparator className="my-0.5" /> : null}150 {groupIndex > 0 ? <CommandSeparator className="my-0.5" /> : null}
apps/web/src/components/ui/scroll-area.tsx+1-1
...@@ -45,7 +45,7 @@ function ScrollArea({...@@ -45,7 +45,7 @@ function ScrollArea({
45 "h-full max-h-[inherit] overflow-auto overscroll-contain rounded-[inherit] outline-none transition-shadows focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-has-overflow-x:overscroll-x-contain",45 "h-full max-h-[inherit] overflow-auto overscroll-contain rounded-[inherit] outline-none transition-shadows focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-has-overflow-x:overscroll-x-contain",
46 chainVerticalScroll && "overscroll-y-auto",46 chainVerticalScroll && "overscroll-y-auto",
47 scrollFade &&47 scrollFade &&
48 "mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] [--fade-size:1.5rem]",48 "scroll-p-[var(--fade-size)] mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] [--fade-size:1.5rem]",
49 scrollbarGutter && "scrollbar-gutter-stable",49 scrollbarGutter && "scrollbar-gutter-stable",
50 hideScrollbars &&50 hideScrollbars &&
51 "[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",51 "[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",