Hi, we experience some pretty weird behaviour when using "stack" and getting some drag-/drop-events.

The stack-size grows suddenly, in this case when we try to drag a file into the window, but it behaves the same on every drag-event.
This is pretty annoying, cause we use stacks pretty often.
Could you check on it? We use 3.196.6 in self-hosting.
Here an example-module:
drag_stack_resize_bug.json (17.8 KB)
Thanks and best regards!
3 Likes
Hey @flaschenpost-wha,
I'm trying this as a demo in my module. The problem seems to stem from improper layout adjustments within the display stack.
To fix it, try setting a fixed height for your cont_common
component and applying overflow: hidden
. This should resolve the display issue in your module.
4 Likes
Hi, thanks for the reply. This settings did not help at all, header is still expanding.

Just content is no dissapearing
1 Like
Even setting the fixed height on the header and hide scroll wont work, header height seems good, but content still expands.

WHy should it expand at all? Maybe some setting to help arranging stack-objects in edit-mode were not disabled in view-mode?
2 Likes
Hey @flaschenpost-wha,
We've noticed a strange bug — it's not just when dragging a file, but also when dragging any component or even the mouse, that the issue appears. This might be happening because the header container is set to use a stack
display, which could be causing the UI glitch.
I apologize, but I'm currently unable to fully resolve the issue. However, I do have a potential workaround: try setting the header container to use a grid
display instead. I understand that this may not provide the exact layout you want in the cont_common
container, but it can help avoid the glitch.
Tagging the Retool team for further help: @Darren @Jack_T
4 Likes