Hello-- in my React/TS panel for Premiere Pro I’m using the SWC React wrappers for my UI components. I am using the Tooltip component with OverlayTrigger several places in my code, but there a few strange behaviors I’ve discovered:
- The tip part of the tooltip that is supposed to be a small triangle appears as a square.
- When the tooltip overlaps spatially with a text input field, the tooltip is appearing behind the input field instead of in front.
- When I try to use a tooltip anywhere inside a dialog window, the dialog window gets rendered at a bigger size (taller) than I specify (regardless of the position of the tooltip), creating a lot of extra unnecessary space. For example, I have a dialog window that is supposed to be 500x540, but when I add a tooltip with 2 lines of text anywhere in the window, the dialog window will suddenly renders more like 500x800 instead.
Here are some screenshots showing the issues.
Does anyone have styling suggestions or alternatives to tooltips to resolve these issues? Is there a way for me to specify a maximum height for dialog windows? Thank you.