Horizontal responsiveness working!

Showcase
1

I noticed that responsiveness is collapsing horizontally when hiding elements from the responsiveness tab. Anyone who tested out similarly? :smiley:

2

@peterj could you add the same feature with workflows? Hiding elements with workflows does not trigger the horizontal behavior.

Iā€™m also surprised this feature release hasnā€™t been communicated!

3

Whereā€™s this? :face_with_raised_eyebrow:

I havenā€™t upgraded yet, wondering if that might the case.

4

Hide something in your responsive tab and you will see it in action.

2 Likes
5

Has this been confirmed to work in production?

1 Like
6

I have tried it and itā€™s working even in version 5 and in production. Using it now to collapse horizontally. Thereā€™s a drawback, you cannot use ā€œWhen this group is not visibleā€. Tried to have a condition, ā€œwhen group A is not visible, this should also be not visibleā€ it turns out that this doesnā€™t work when the hidden rule is applied

1 Like
7

This has always worked when using a hiding rule in the responsiveness tab. The big issue is that it doesnā€™t work when using conditionals in the builder.

4 Likes
8

Yeah, I was a bit confused, because this has been working for me for since I started bubble a year or so ago.

But itā€™s very, very, easy to miss. And itā€™s also super confusing that hiding a group with a conditional in the editor and hiding a group with a hiding rule in the responsive editor works in different ways.

The hiding rule in the responsive editor is also broken for me, I need to hit enter and then click save for the value to be correct, if I donā€™t hit enter it saves the default value instead, but with the new value still visible in the input. Something to look out for if itā€™s a wider issue.

9

Very true. It is an easy miss. And that darn hiding ruleā€¦ seems like it always has something wonky going on with it!