noodlapp / noodl

Noodl is a low code platform for creating full stack web applications
https://noodl.net
GNU General Public License v3.0
339 stars 91 forks source link

Text node 100% width initially broken #21

Open richardosborne14 opened 8 months ago

richardosborne14 commented 8 months ago

Noodl version: 1.0.1 Operating system: Macbook Air M1 2020, 16GB RAM, MacOS 14.2.1

Expected behaviour

Placing a text node inside a group with horizontal alignment, with default 100% width and content height, the text node will respect other elements in the horizontal alignment and its width will be relative to other elements widths in the group. For example, a text node with 100% width places in the horizontally aligned group next to another text node with 100% width will cause both text nodes to take up 50% of the width of the group.

Current behaviour

Placing a text node inside a group with horizontal alignment, with default 100% width and content height, causes the text node to take up 100% width of the parent group regardless of other text nodes in that group. For example, placing a text node next to another text node with default visual settings causes the second text node to overflow X the boundary of the parent group, being pushed out by the first text node.

If the width of each text node is changed to 'content width', and then back to 100% width, both text nodes respect their responsive placement and take up 50% width of the parent group as expected.

Screen recording of current behaviour:

https://www.loom.com/share/ccd5d5a0fa65411d99c37b0ff63cc8b1?sid=d7fb04ca-9b27-4375-bf27-a964bfc053ef