1
Inconsistent layout behaviour for component visibility when using Repeated with and Visibility
planned
D
Dominik Chmielewski
Refer to first screenshot with 3 containers each showing the same list. This is the view in the composer. Note the margins/padding around the items in the containers (all consistent).
List 1: Manually created item, which has been copied 5 times.
5 items with Visible property manually set to True or False. Item 2 and 5 set to False.
Visual layout as expected
List 2: Dynamically created items using a page variable, "ItemList" which is a list of 5 objects, each object being {"id": 1, "Name": "Item 1"} and so on.
1 item using Repeat with EXCLUDE_BY_KEY(EXCLUDE_BY_KEY(pageVars.ItemList, "id", "2"), "id", "5"). All items has Visible set to True.
Visual layout as expected
List 3: 1 item using Repeat with ItemList. Visible is a formula: repeated.current.id != "2" && repeated.current.id != "5"
Screenshot 2 is preview. Note list 3 and padding/margins at the bottom of the container.
Visual layout not as expected, refer to screenshot where item is partially hidden but margins/padding is interfering with the layout.
The usage of Visible True/False based on a formula is very common in UI layouts and the fact that the component is not removed in its entirety messes up complex UI layouts.
Can you please fix.
Log In
Activity
Newest
Oldest
M
Mari Hirvi
planned
D
Dominik Chmielewski
Mari Hirvi: Hey Mari, I just wanted to check you got the 2nd screenshot I posted on the 8th of April where the layout in the preview and build differ. Do you have any timelines for when this will be fixed?
M
Mari Hirvi
under review
Hi Dominik, thanks for the report. The issue is with the last item in the repeat rendering a gap even though it shouldn't when the item visibility is dynamic. I was able to reproduce the issue and put it forward to the development team.
Mari
D
Dominik Chmielewski
Mari Hirvi: Thanks Mari - please note, this also happens with horizontal layouts as well.
D
Dominik Chmielewski
Also, please take a look at this strange layout behaviour. When I first built the UI the builder and published views were the same. I then never changed anything with these specific components and suddenly the positioning just changed out of the blue.
