BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(chat): keep draft selectors above composer

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2026-08-21 13:13:11 +03:00
parent 2766e9fd8c
commit bbb2fdbe19
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/composer/ui/DraftTargetSelectors.tsx
+2 -2
View File
@@ -122,7 +122,7 @@ export function DraftTargetSelectors(props: DraftTargetProps) {
: <ProjectLabel project={selectedProject} theme={theme} />} : <ProjectLabel project={selectedProject} theme={theme} />}
</SelectValue> </SelectValue>
</SelectTrigger> </SelectTrigger>
<SelectContent side="top" fitContent> <SelectContent side="top" collisionAvoidance={{ side: 'none' }} fitContent>
{projects.map((project) => ( {projects.map((project) => (
<SelectItem key={project.id} value={project.id} className="max-w-[24rem] truncate"> <SelectItem key={project.id} value={project.id} className="max-w-[24rem] truncate">
<ProjectLabel project={project} theme={theme} /> <ProjectLabel project={project} theme={theme} />
@@ -144,7 +144,7 @@ export function DraftTargetSelectors(props: DraftTargetProps) {
{selectedBranchLabel ?? t('chat.chatInput.branch')} {selectedBranchLabel ?? t('chat.chatInput.branch')}
</SelectValue> </SelectValue>
</SelectTrigger> </SelectTrigger>
<SelectContent side="top" className="w-max min-w-48"> <SelectContent side="top" collisionAvoidance={{ side: 'none' }} className="w-max min-w-48">
{projectRootBranchOption ? ( {projectRootBranchOption ? (
<SelectGroup> <SelectGroup>
<SelectLabel>{t('chat.chatInput.projectRoot')}</SelectLabel> <SelectLabel>{t('chat.chatInput.projectRoot')}</SelectLabel>
packages/ui/src/components/ui/select.tsx
+3
View File
@@ -163,6 +163,7 @@ type SelectContentExtra = {
sideOffset?: number; sideOffset?: number;
side?: "top" | "right" | "bottom" | "left"; side?: "top" | "right" | "bottom" | "left";
align?: "start" | "center" | "end"; align?: "start" | "center" | "end";
collisionAvoidance?: React.ComponentProps<typeof BaseSelect.Positioner>["collisionAvoidance"];
}; };
function SelectContent({ function SelectContent({
@@ -174,6 +175,7 @@ function SelectContent({
sideOffset, sideOffset,
side, side,
align, align,
collisionAvoidance,
...props ...props
}: React.ComponentProps<typeof BaseSelect.Popup> & SelectContentExtra) { }: React.ComponentProps<typeof BaseSelect.Popup> & SelectContentExtra) {
const portalContext = React.useContext(SelectPortalContext); const portalContext = React.useContext(SelectPortalContext);
@@ -187,6 +189,7 @@ function SelectContent({
sideOffset={sideOffset} sideOffset={sideOffset}
side={side} side={side}
align={align} align={align}
collisionAvoidance={collisionAvoidance}
className="absolute z-[120] pointer-events-auto" className="absolute z-[120] pointer-events-auto"
> >
<BaseSelect.Popup <BaseSelect.Popup