diff --git a/packages/frontend/core/src/components/tags/tags-editor.tsx b/packages/frontend/core/src/components/tags/tags-editor.tsx index 6bfe4e2d38..e7880f447d 100644 --- a/packages/frontend/core/src/components/tags/tags-editor.tsx +++ b/packages/frontend/core/src/components/tags/tags-editor.tsx @@ -27,10 +27,12 @@ export interface TagsEditorProps { } export interface TagsInlineEditorProps extends TagsEditorProps { - placeholder?: string; + placeholder?: ReactNode; className?: string; readonly?: boolean; title?: ReactNode; // only used for mobile + modalMenu?: boolean; + menuClassName?: string; } type TagOption = TagLike | { readonly create: true; readonly value: string }; @@ -364,6 +366,8 @@ const DesktopTagsInlineEditor = ({ readonly, placeholder, className, + modalMenu, + menuClassName, ...props }: TagsInlineEditorProps) => { const empty = !props.selectedTags || props.selectedTags.length === 0; @@ -379,11 +383,14 @@ const DesktopTagsInlineEditor = ({ align: 'start', sideOffset: 0, avoidCollisions: false, - className: styles.tagsMenu, + className: clsx(styles.tagsMenu, menuClassName), onClick(e) { e.stopPropagation(); }, }} + rootOptions={{ + modal: modalMenu, + }} items={} >