Merge tags block positioning issues

[ketys-from-meiro]

Hi guys, I'm trying to implement our own merge tags picker into the easy email editor but I've faced some problems with positioning. We have two-levels picker for better orientation in it, so imajin it as a data source -> attribute where attribute === tag.

When I for example insert the image block and want to choose some tag for its url, it opens above the input field and is cropped at the top if I'm not scrolled down with the whole page:

Additionally when I start scrolling in the sidebar, it's still there fixed in the upper part of the easy email's sidebar.

Last thing, when I scroll down a bit so it opens properly, then choose some data source with low number of attributes, the window can fit above the input field and it creates some weird jumping effect where sometimes you have the dropdown below, sometimes above.

Do you have some suggestions what can I do with that? Is it something which could be potentially fixed in your repo? Thanks a lot!

[m-Ryan]

Try renderMergeTagContent

[ketys-from-meiro]

@m-Ryan yeah that's what I used, don't have problem it doesn't work at all, but the positioning of the merge tags block in sidebar is kinda clunky and sometimes bugged

[m-Ryan]

I don't quite understand your meaning, more information is needed.

[ketys-from-meiro]

@m-Ryan just try to place inside renderMergeTagContent some tall div and it will be cut in the upper edge of the editor area