| author |  Pavlo Trinko <paul.trinko95@gmail.com> 2026-08-16 01:35:45+02:00 |
| committer |  GitHub <noreply@github.com> 2026-08-15 19:35:45-04:00 |
| log | d484735c64ed98a0737b594818996660f72c1616 |
| tree | 5f15cd9468e6e3f67f17174806bd186a726e86fd |
| parent | 2f486ab80c748b4d8e3d3b17e49b5a327cb93335 |
| 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
apps/web/src/components/chat/ComposerCommandMenu.tsx+1-1
| ... | ... | @@ -144,7 +144,7 @@ export const ComposerCommandMenu = memo(function ComposerCommandMenu(props: { |
| 144 | 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 | 146 | {props.items.length > 0 ? ( |
| 147 | <CommandList className="max-h-72"> | |
| 147 | <CommandList className="max-h-72 not-empty:py-3"> | |
| 148 | 148 | {groups.map((group, groupIndex) => ( |
| 149 | 149 | <div key={group.id}> |
| 150 | 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 | 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 | 46 | chainVerticalScroll && "overscroll-y-auto", |
| 47 | 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 | 49 | scrollbarGutter && "scrollbar-gutter-stable", |
| 50 | 50 | hideScrollbars && |
| 51 | 51 | "[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", |