Rich Text Editor add-link pop-up fully obscured when component is short

💬 App Building
,
1
  1. My goal: use the add-link option in a Rich Text Editor component
  2. Issue: if the component itself is short enough, the pop-up for adding the URL is fully obscured
  3. Steps I've taken to troubleshoot: tried different heights.
  4. Additional info: (Cloud or Self-hosted, Screenshots)

I've created a Rich Text Editor component that only has 3 lines of height; I don't need or want more. (forcing a change for a diff confirms this; the component shows "height": 3)

This is what happens when I select text on the top line and try to add a link, per the toolbar button:

Screenshot 2025-05-16 at 3.26.57 PM
Screenshot 2025-05-16 at 3.26.57 PM530×119 5.9 KB

You can see that the pop-up is fully obscured.

As a workaround, I can artificially add line breaks and then try the same linking with a piece of text on the bottom line:

Screenshot 2025-05-16 at 3.27.30 PM
Screenshot 2025-05-16 at 3.27.30 PM521×135 9.28 KB

Ideally:
A) the pop-up pops to the side or atop the toolbar; anything that lets it be usable.
B) the component would not let you make it so short that basic functionality breaks.

1 Like
3

Thanks for the detailed report, @dguzzo! I have filed this bug with our team. Would love to see a full upgrade of the rich text editor in addition to fixing this :crossed_fingers:

1 Like
4

Thanks Tess!

And I agree: that component does feel like it's from a bygone era!

(E.g. it'd be great to provide it Interaction options Loading and Disable like many other inputs have.)

5

Thanks! I added a note about those features as well