Custom Components Auto Height Issues

Hey all!

I have been building a custom rich text editor component and am trying to setup auto height so that it will increase in size as new lines are made.

It works great when there is only one on the page, but as soon as I add another component onto the page it will only expand the size of the bottom component, no matter which component is being interacted with.

Here is a loom demonstrating the issue in detail: Retool Custom Component Height Issue | Loom

Any help here would be really appreciated!

Bump! Any help on this would be hugely appreciated!

Hi James! I keep coming back to this thread like a siren's call.

Glad to see you're exploring custom components. I built a similar custom component recently -- I really want Mermaid.js support in Retool -- and found some of the same limitations you're running into.

Dynamically adjust height of IFRAMEs based on what happens within has been troublesome as long as I can remember, Retool or otherwise.

My best work around was to use the split-pane component and only one editor at a time on the right-hand pane.

What I see you running into here looks like a bug in any case. One thing I'd like to try and validate is whether it occurs if the components used are registered separately rather than substantiations of the same custom component.

Curious if you have already ruled that out yourself before I give it a try myself.

Cheers,
Taylor

Thanks for writing in James! We've been able to reproduce the problems you found and are investigating.

1 Like

The fix for resizing with multiple custom component instances has been deployed on Retool Cloud! Please let us know if you are still seeing problems with that.

2 Likes

This has fixed it! Thanks

1 Like