Giters

sjdemartini / mui-tiptap

A Material UI (MUI) styled WYSIWYG rich text editor, using Tiptap

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Color picker and other tooltip components stays behind when you put the Editor in a Dialog/Modal

patrickn2 opened this issue · comments

commented

Describe the bug

If you put the Editor in a Dialog/Modal the color picker will appear behind the dialog/modal popup

To Reproduce

Just add the Editor in a Dialog or Modal and the color picker tooltip will stay behind the popup

https://codesandbox.io/p/devbox/mui-tiptap-demo-forked-vmndxj

Steps to reproduce the behavior:

  1. Click on Open Dialog
  2. Try to change the text Color

Expected behavior

The tooltips should stay in front of the Dialog

Screenshots

image

System (please complete the following information)

  • mui-tiptap version: [1.8.6]
  • tiptap version: [2.3.0]
  • Browser: [Chrome]
  • Node version: [20.12.0]
  • OS: [Windows 11]

I used the Demo

commented

Duplicate of #206. As mentioned there, for what it's worth, the LinkBubbleMenu and TableBubbleMenu both accept a container prop which allow them to work around this issue, though the color picker doesn't currently have the same affordance.