| author |  Dara Adedeji <76637177+SunkenInTime@users.noreply.github.com> 2026-08-29 02:06:52-04:00 |
| committer |  GitHub <noreply@github.com> 2026-08-28 23:06:52-07:00 |
| log | 074bcd6dc897f9c28b1bbc04737daa6ee3d8e40f |
| tree | 9c5ba386ca618dd19c1a97023785405479e37683 |
| parent | 5e63aea2df03e8ccc5c8a56cee4c067ecbd3d703 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): keep project picker popup inside the sidebar (#8627)
3 files changed, 6 insertions(+), 3 deletions(-)
apps
web
src
components
apps/web/src/components/DiffPanel.tsx+1-1
| ... | @@ -617,7 +617,7 @@ export default function DiffPanel({ | ... | @@ -617,7 +617,7 @@ export default function DiffPanel({ |
| 617 | </ComboboxTrigger> | 617 | </ComboboxTrigger> |
| 618 | <ComboboxPopup | 618 | <ComboboxPopup |
| 619 | align="start" | 619 | align="start" |
| 620 | className="w-72 min-w-0 max-w-[calc(100vw-1rem)] overflow-hidden [&>[data-slot=combobox-popup]]:min-w-0 [&>[data-slot=combobox-popup]]:overflow-hidden" | 620 | className="w-72 min-w-0 max-w-[calc(100vw-1rem)] overflow-hidden" |
| 621 | > | 621 | > |
| 622 | <div className="min-w-0 shrink-0 px-3 pt-2.5"> | 622 | <div className="min-w-0 shrink-0 px-3 pt-2.5"> |
| 623 | <div className="relative -translate-y-px border-b border-border/70 pb-1.5 transition-colors focus-within:border-ring"> | 623 | <div className="relative -translate-y-px border-b border-border/70 pb-1.5 transition-colors focus-within:border-ring"> |
apps/web/src/components/Sidebar.tsx+4-1
| ... | @@ -3586,7 +3586,10 @@ export default function Sidebar() { | ... | @@ -3586,7 +3586,10 @@ export default function Sidebar() { |
| 3586 | </span> | 3586 | </span> |
| 3587 | <ChevronDownIcon className="-mr-px size-4 shrink-0" /> | 3587 | <ChevronDownIcon className="-mr-px size-4 shrink-0" /> |
| 3588 | </ComboboxTrigger> | 3588 | </ComboboxTrigger> |
| 3589 | <ComboboxPopup align="start" className="w-(--anchor-width)"> | 3589 | <ComboboxPopup |
| 3590 | align="start" | ||
| 3591 | className="w-(--anchor-width) min-w-0 overflow-hidden" | ||
| 3592 | > | ||
| 3590 | <div className="shrink-0 px-3 pt-2.5"> | 3593 | <div className="shrink-0 px-3 pt-2.5"> |
| 3591 | <div className="relative -translate-y-px border-b border-border/70 pb-1.5 transition-colors focus-within:border-ring"> | 3594 | <div className="relative -translate-y-px border-b border-border/70 pb-1.5 transition-colors focus-within:border-ring"> |
| 3592 | <SearchIcon | 3595 | <SearchIcon |
apps/web/src/components/ui/combobox.tsx+1-1
| ... | @@ -175,7 +175,7 @@ function ComboboxPopup({ | ... | @@ -175,7 +175,7 @@ function ComboboxPopup({ |
| 175 | )} | 175 | )} |
| 176 | > | 176 | > |
| 177 | <ComboboxPrimitive.Popup | 177 | <ComboboxPrimitive.Popup |
| 178 | className="flex max-h-[min(var(--available-height),23rem)] flex-1 flex-col text-foreground" | 178 | className="flex min-w-0 max-h-[min(var(--available-height),23rem)] flex-1 flex-col overflow-hidden text-foreground" |
| 179 | data-slot="combobox-popup" | 179 | data-slot="combobox-popup" |
| 180 | {...props} | 180 | {...props} |
| 181 | > | 181 | > |