Bug: Elements disappear when moving between columns or reducing row count in Application Builder Column Element

Environment:

  • Platform: Baserow SaaS

  • Feature: Application Builder

  • Component: Column Element

Issue 1: Elements disappear when moved between columns

When moving an element (for example, a Choice Element or Checkbox Element) from one column to another within a Column Element, the element sometimes disappears from the builder interface, but element styling remains.

This appears to happen specifically when moving elements to the left.

Steps to Reproduce:

  1. Open an Application Builder page containing a Column Element.

  2. Add multiple child elements (such as Choice or Checkbox elements).

  3. Move an element from one column to another, particularly from right to left.

Expected Behavior:
The element should immediately appear in its new column location.

Actual Behavior:
The element disappears from the builder UI after being moved.

Workarounds:

  • Edit the hidden element in some way (for example, change the border size or another setting), which causes it to reappear.

  • Refresh the Application Builder page, after which the element becomes visible again.


Issue 2: Elements disappear when reducing the number of rows

When reducing the number of rows in a Column Element (for example, changing from 6 columns to 3 columns), elements contained in the rightmost rows disappear.

Previously, these elements would automatically be appended to the remaining columns.

Steps to Reproduce:

  1. Create a Column Element with multiple columns containing elements.

  2. Populate elements across all rows.

  3. Reduce the number of rows (for example, from 6 columns to columns).

Expected Behavior:
Elements contained in removed columns should be automatically moved to the remaining columns, as they were previously.

Actual Behavior:
Elements in the removed/rightmost columns disappear from the builder UI.

Workaround:
Refreshing the Application Builder page causes the missing elements to reappear.

Additional Information:
Video demonstrating the first issue. Changing the number of columns does the same thing.


Issue 3: Text Element Markdown formatting bug

In a Text Element using Markdown format, typing text, pressing Enter, and then typing a hyphen (-) causes the first line of text to unexpectedly become formatted as a heading.

After continuing to type, the formatting returns to normal.

Steps to Reproduce:

  1. Add a Text Element in the Application Builder.

  2. Set format to Markdown.

  3. Type a line of text.

  4. Press Enter.

  5. Type - at the start of the new line.

Expected Behavior:
Text should remain consistent with Markdown rules (e.g., list formatting or plain text depending on syntax).

Actual Behavior:
The first line temporarily becomes a heading format incorrectly.

Workaround:
Continuing to type corrects the formatting automatically.

Additional Information:
Video demonstrating the issue:

Hey @Iokaar, sorry for the inconvenience!

The development team has been working on a graph refactor, which should resolve this issue. Once version 2.3 is released, could you please test it again and let us know if you’re still experiencing the problem? :folded_hands: