reset several dropdown and context menus to non-modal

This commit is contained in:
Josh Hawkins 2026-04-24 18:11:57 -05:00
parent 434ef358a2
commit bdc515bae0
10 changed files with 11 additions and 11 deletions

View File

@ -266,7 +266,7 @@ export function ExportCard({
)} )}
{!exportedRecording.in_progress && !selectionMode && ( {!exportedRecording.in_progress && !selectionMode && (
<div className="absolute bottom-2 right-3 z-40"> <div className="absolute bottom-2 right-3 z-40">
<DropdownMenu> <DropdownMenu modal={false}>
<DropdownMenuTrigger> <DropdownMenuTrigger>
<BlurredIconButton <BlurredIconButton
aria-label={t("tooltip.editName")} aria-label={t("tooltip.editName")}

View File

@ -275,7 +275,7 @@ export default function ReviewCard({
</AlertDialogFooter> </AlertDialogFooter>
</AlertDialogContent> </AlertDialogContent>
</AlertDialog> </AlertDialog>
<ContextMenu key={event.id}> <ContextMenu key={event.id} modal={false}>
<ContextMenuTrigger asChild>{content}</ContextMenuTrigger> <ContextMenuTrigger asChild>{content}</ContextMenuTrigger>
<ContextMenuContent> <ContextMenuContent>
<ContextMenuItem> <ContextMenuItem>

View File

@ -272,7 +272,7 @@ export default function LiveContextMenu({
return ( return (
<div className={cn("w-full", className)}> <div className={cn("w-full", className)}>
<ContextMenu key={camera} onOpenChange={handleOpenChange}> <ContextMenu key={camera} modal={false} onOpenChange={handleOpenChange}>
<ContextMenuTrigger>{children}</ContextMenuTrigger> <ContextMenuTrigger>{children}</ContextMenuTrigger>
<ContextMenuContent> <ContextMenuContent>
<div className="flex flex-col items-start gap-1 py-1 pl-2"> <div className="flex flex-col items-start gap-1 py-1 pl-2">

View File

@ -258,13 +258,13 @@ export default function SearchResultActions({
</AlertDialogContent> </AlertDialogContent>
</AlertDialog> </AlertDialog>
{isContextMenu ? ( {isContextMenu ? (
<ContextMenu> <ContextMenu modal={false}>
<ContextMenuTrigger>{children}</ContextMenuTrigger> <ContextMenuTrigger>{children}</ContextMenuTrigger>
<ContextMenuContent>{menuItems}</ContextMenuContent> <ContextMenuContent>{menuItems}</ContextMenuContent>
</ContextMenu> </ContextMenu>
) : ( ) : (
<> <>
<DropdownMenu> <DropdownMenu modal={false}>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<BlurredIconButton aria-label={t("itemMenu.more.aria")}> <BlurredIconButton aria-label={t("itemMenu.more.aria")}>
<FiMoreVertical className="size-5" /> <FiMoreVertical className="size-5" />

View File

@ -22,7 +22,7 @@ export default function ActionsDropdown({
const { t } = useTranslation(["components/dialog", "views/replay", "common"]); const { t } = useTranslation(["components/dialog", "views/replay", "common"]);
return ( return (
<DropdownMenu> <DropdownMenu modal={false}>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button <Button
className="flex items-center gap-2" className="flex items-center gap-2"

View File

@ -124,7 +124,7 @@ export default function ClassificationSelectionDialog({
/> />
<Tooltip> <Tooltip>
<Selector> <Selector {...(isDesktop ? { modal: false } : {})}>
<SelectorTrigger asChild> <SelectorTrigger asChild>
<TooltipTrigger asChild={isChildButton}>{children}</TooltipTrigger> <TooltipTrigger asChild={isChildButton}>{children}</TooltipTrigger>
</SelectorTrigger> </SelectorTrigger>

View File

@ -85,7 +85,7 @@ export default function FaceSelectionDialog({
)} )}
<Tooltip> <Tooltip>
<Selector> <Selector {...(isDesktop ? { modal: false } : {})}>
<SelectorTrigger asChild> <SelectorTrigger asChild>
<TooltipTrigger asChild={isChildButton}>{children}</TooltipTrigger> <TooltipTrigger asChild={isChildButton}>{children}</TooltipTrigger>
</SelectorTrigger> </SelectorTrigger>

View File

@ -594,7 +594,7 @@ function LibrarySelector({
forbiddenErrorMessage={t("description.nameCannotContainHash")} forbiddenErrorMessage={t("description.nameCannotContainHash")}
/> />
<DropdownMenu> <DropdownMenu modal={false}>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button className="flex justify-between smart-capitalize"> <Button className="flex justify-between smart-capitalize">
{pageTitle} {pageTitle}

View File

@ -342,7 +342,7 @@ function ModelCard({ config, onClick, onUpdate, onDelete }: ModelCardProps) {
{config.name} {config.name}
</div> </div>
<div className="absolute bottom-2 right-2 z-40"> <div className="absolute bottom-2 right-2 z-40">
<DropdownMenu> <DropdownMenu modal={false}>
<DropdownMenuTrigger asChild onClick={(e) => e.stopPropagation()}> <DropdownMenuTrigger asChild onClick={(e) => e.stopPropagation()}>
<BlurredIconButton> <BlurredIconButton>
<FiMoreVertical className="size-5 text-white" /> <FiMoreVertical className="size-5 text-white" />

View File

@ -698,7 +698,7 @@ function LibrarySelector({
regexErrorMessage={t("description.invalidName")} regexErrorMessage={t("description.invalidName")}
/> />
<DropdownMenu> <DropdownMenu modal={false}>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button className="flex justify-between smart-capitalize"> <Button className="flex justify-between smart-capitalize">
{pageTitle} {pageTitle}