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:
parent
b0f57009ac
commit
904134604c
5 changed files with 25 additions and 2 deletions
|
|
@ -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) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue