Reusable element as floating group page width responsive is not the same on the page

[sharonlau]

Hi Bubble community, I have a reusable element act as a floating bar on the top of the page and I conditioned it that page width is <450, a text will not be visible. It works in the reusable element but not in the page (container type: row) I drop this element to. In general reusable element I work with shows differently when added as floating group in an actual page and I have to adjust back and forth

Processing: Screenshot 2025-03-07 at 5.09.03 PM.png…

[manon.guerriersup]

Hi, have you looked at the debugger info on that condition ?

[sudsy]

@sharonlau

It works in the reusable element but not in the page

It appears you’re making that determination based solely on the element’s behavior within Bubble’s responsive editor; and unfortunately,
I’m pretty sure that’s a limitation of Bubble’s responsive editor (which decreases its utility).

Try actually previewing the page containing the reusable, and I think you’ll find the condition is evaluated and it works as expected.

[sharonlau]

Thanks for confirming