feat(editor): enable ticket mentions on new-ticket forms and fix @mention popup layering\n\n- New Ticket page/dialog/portal now support @ to link tickets\n- Mention popup uses fixed strategy + high z-index\n- Add minimal Tippy box styling to globals.css\n- Keeps existing server-side permissions for mentions

This commit is contained in:
codex-bot 2025-10-23 09:48:16 -03:00
parent b0f57009ac
commit 904134604c
5 changed files with 25 additions and 2 deletions

View file

@ -16,6 +16,9 @@ import Placeholder from "@tiptap/extension-placeholder"
import Mention from "@tiptap/extension-mention"
import { ReactRenderer } from "@tiptap/react"
import tippy, { type Instance, type Props as TippyProps } from "tippy.js"
// Nota: o CSS do Tippy não é obrigatório, mas melhora muito a renderização
// do popover de sugestões. O componente aplica um z-index alto e estratégia
// "fixed" para evitar problemas de sobreposição/scrolling mesmo sem CSS global.
import { cn } from "@/lib/utils"
import sanitize from "sanitize-html"
import { Button } from "@/components/ui/button"
@ -357,6 +360,8 @@ const TicketMentionExtension = Mention.extend({
interactive: true,
trigger: "manual",
placement: "bottom-start",
zIndex: 99999,
popperOptions: { strategy: "fixed" },
})
},
onUpdate(props) {