diff --git a/ui/v2.5/src/components/Dialogs/IdentifyDialog/Options.tsx b/ui/v2.5/src/components/Dialogs/IdentifyDialog/Options.tsx index 0bc31e6ae..1362df02a 100644 --- a/ui/v2.5/src/components/Dialogs/IdentifyDialog/Options.tsx +++ b/ui/v2.5/src/components/Dialogs/IdentifyDialog/Options.tsx @@ -63,6 +63,7 @@ export const OptionsEditor: React.FC = ({ options.skipMultipleMatchTag ? [options.skipMultipleMatchTag] : [] } noSelectionString="Select/create tag..." + menuPortalTarget={document.body} /> @@ -98,6 +99,7 @@ export const OptionsEditor: React.FC = ({ : [] } noSelectionString="Select/create tag..." + menuPortalTarget={document.body} /> diff --git a/ui/v2.5/src/components/Galleries/EditGalleriesDialog.tsx b/ui/v2.5/src/components/Galleries/EditGalleriesDialog.tsx index 533541302..9ff7e00f2 100644 --- a/ui/v2.5/src/components/Galleries/EditGalleriesDialog.tsx +++ b/ui/v2.5/src/components/Galleries/EditGalleriesDialog.tsx @@ -211,6 +211,7 @@ export const EditGalleriesDialog: React.FC = ( existingIds={existingIds ?? []} ids={ids ?? []} mode={mode} + menuPortalTarget={document.body} /> ); } @@ -273,6 +274,7 @@ export const EditGalleriesDialog: React.FC = ( } ids={studioId ? [studioId] : []} isDisabled={isUpdating} + menuPortalTarget={document.body} /> diff --git a/ui/v2.5/src/components/Groups/ContainingGroupsMultiSet.tsx b/ui/v2.5/src/components/Groups/ContainingGroupsMultiSet.tsx index 25ad0be4a..6e61e0ccf 100644 --- a/ui/v2.5/src/components/Groups/ContainingGroupsMultiSet.tsx +++ b/ui/v2.5/src/components/Groups/ContainingGroupsMultiSet.tsx @@ -14,6 +14,7 @@ export const ContainingGroupsMultiSet: React.FC<{ disabled?: boolean; onUpdate: (value: IRelatedGroupEntry[]) => void; onSetMode: (mode: GQL.BulkUpdateIdMode) => void; + menuPortalTarget?: HTMLElement | null; }> = (props) => { const { mode, onUpdate, existingValue } = props; @@ -48,12 +49,14 @@ export const ContainingGroupsMultiSet: React.FC<{ value={props.value} onUpdate={props.onUpdate} disabled={props.disabled} + menuPortalTarget={props.menuPortalTarget} /> ) : ( onRemoveSet(items)} values={[]} isDisabled={props.disabled} + menuPortalTarget={props.menuPortalTarget} /> )} diff --git a/ui/v2.5/src/components/Groups/EditGroupsDialog.tsx b/ui/v2.5/src/components/Groups/EditGroupsDialog.tsx index d404ccf9c..efd14e757 100644 --- a/ui/v2.5/src/components/Groups/EditGroupsDialog.tsx +++ b/ui/v2.5/src/components/Groups/EditGroupsDialog.tsx @@ -227,6 +227,7 @@ export const EditGroupsDialog: React.FC = ( } ids={studioId ? [studioId] : []} isDisabled={isUpdating} + menuPortalTarget={document.body} /> @@ -241,6 +242,7 @@ export const EditGroupsDialog: React.FC = ( existingValue={existingContainingGroups ?? []} value={containingGroups ?? []} mode={containingGroupsMode} + menuPortalTarget={document.body} /> @@ -267,6 +269,7 @@ export const EditGroupsDialog: React.FC = ( existingIds={existingTagIds ?? []} ids={tagIds ?? []} mode={tagMode} + menuPortalTarget={document.body} /> diff --git a/ui/v2.5/src/components/Groups/GroupDetails/RelatedGroupTable.tsx b/ui/v2.5/src/components/Groups/GroupDetails/RelatedGroupTable.tsx index feed49ad0..0b8ecb0c6 100644 --- a/ui/v2.5/src/components/Groups/GroupDetails/RelatedGroupTable.tsx +++ b/ui/v2.5/src/components/Groups/GroupDetails/RelatedGroupTable.tsx @@ -19,6 +19,7 @@ export const RelatedGroupTable: React.FC<{ excludeIDs?: string[]; filterHook?: (f: ListFilterModel) => ListFilterModel; disabled?: boolean; + menuPortalTarget?: HTMLElement | null; }> = (props) => { const { value, onUpdate } = props; @@ -101,6 +102,7 @@ export const RelatedGroupTable: React.FC<{ excludeIds={excludeIDs} filterHook={props.filterHook} isDisabled={props.disabled} + menuPortalTarget={props.menuPortalTarget} /> @@ -129,6 +131,7 @@ export const RelatedGroupTable: React.FC<{ excludeIds={excludeIDs} filterHook={props.filterHook} isDisabled={props.disabled} + menuPortalTarget={props.menuPortalTarget} /> diff --git a/ui/v2.5/src/components/Images/EditImagesDialog.tsx b/ui/v2.5/src/components/Images/EditImagesDialog.tsx index bba8fc4c1..275ff1556 100644 --- a/ui/v2.5/src/components/Images/EditImagesDialog.tsx +++ b/ui/v2.5/src/components/Images/EditImagesDialog.tsx @@ -237,6 +237,7 @@ export const EditImagesDialog: React.FC = ( } ids={studioId ? [studioId] : []} isDisabled={isUpdating} + menuPortalTarget={document.body} /> @@ -253,6 +254,7 @@ export const EditImagesDialog: React.FC = ( existingIds={existingPerformerIds ?? []} ids={performerIds ?? []} mode={performerMode} + menuPortalTarget={document.body} /> @@ -268,6 +270,7 @@ export const EditImagesDialog: React.FC = ( existingIds={existingTagIds ?? []} ids={tagIds ?? []} mode={tagMode} + menuPortalTarget={document.body} /> @@ -283,6 +286,7 @@ export const EditImagesDialog: React.FC = ( existingIds={existingGalleryIds ?? []} ids={galleryIds ?? []} mode={galleryMode} + menuPortalTarget={document.body} /> diff --git a/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx b/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx index bd3f6acd1..71fcbedd9 100644 --- a/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx +++ b/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx @@ -369,6 +369,7 @@ export const EditPerformersDialog: React.FC = ( existingIds={existingTagIds ?? []} ids={tagIds.ids ?? []} mode={tagIds.mode} + menuPortalTarget={document.body} /> diff --git a/ui/v2.5/src/components/Scenes/EditScenesDialog.tsx b/ui/v2.5/src/components/Scenes/EditScenesDialog.tsx index 06f3549a3..7b69cf655 100644 --- a/ui/v2.5/src/components/Scenes/EditScenesDialog.tsx +++ b/ui/v2.5/src/components/Scenes/EditScenesDialog.tsx @@ -226,6 +226,7 @@ export const EditScenesDialog: React.FC = ( ids={ids ?? []} existingIds={existingIds ?? []} mode={mode} + menuPortalTarget={document.body} /> ); } @@ -288,6 +289,7 @@ export const EditScenesDialog: React.FC = ( } ids={studioId ? [studioId] : []} isDisabled={isUpdating} + menuPortalTarget={document.body} /> diff --git a/ui/v2.5/src/components/Shared/MultiSet.tsx b/ui/v2.5/src/components/Shared/MultiSet.tsx index 4ed7a99ff..b18c4087a 100644 --- a/ui/v2.5/src/components/Shared/MultiSet.tsx +++ b/ui/v2.5/src/components/Shared/MultiSet.tsx @@ -17,6 +17,7 @@ interface IMultiSetProps { disabled?: boolean; onUpdate: (ids: string[]) => void; onSetMode: (mode: GQL.BulkUpdateIdMode) => void; + menuPortalTarget?: HTMLElement | null; } const Select: React.FC = (props) => { @@ -36,6 +37,7 @@ const Select: React.FC = (props) => { ids={props.ids ?? []} // exclude file-based galleries when setting galleries extraCriteria={excludeFileBasedGalleries} + menuPortalTarget={props.menuPortalTarget} /> ); } @@ -48,6 +50,7 @@ const Select: React.FC = (props) => { isClearable={false} onSelect={onUpdate} ids={props.ids ?? []} + menuPortalTarget={props.menuPortalTarget} /> ); }; diff --git a/ui/v2.5/src/components/Tags/EditTagsDialog.tsx b/ui/v2.5/src/components/Tags/EditTagsDialog.tsx index d771ea1c9..6780a8ce8 100644 --- a/ui/v2.5/src/components/Tags/EditTagsDialog.tsx +++ b/ui/v2.5/src/components/Tags/EditTagsDialog.tsx @@ -48,6 +48,7 @@ function Tags(props: { existingIds={existingTagIds ?? []} ids={tagIDs.ids ?? []} mode={tagIDs.mode} + menuPortalTarget={document.body} /> );