webiny/webiny-js

Hide element only on tablet is not possible

moemos opened this issue · 2 comments

Version

v5.37.6

Operating System

MacOS

Browser

Chrome

What are the steps to reproduce this bug?

Create a Page with a Content element.
Select the "Block", switch to tablet Viewport and hide the element.

Bildschirmfoto 2024-02-16 um 13 52 11
Bildschirmfoto 2024-02-16 um 13 52 03
Bildschirmfoto 2024-02-16 um 13 51 56
Bildschirmfoto 2024-02-16 um 13 51 49

What is the expected behavior?

Block is hidden in tablet viewport only

What do you see instead?

Block is hidden in tablet and mobile viewports

Additional information

No response

Possible solution

No response

@adrians5j @Pavel910 any idea on what might cause this? My team and I are running into similar issues on 5.39.5. We have more context in the Webiny Slack community pertaining to this: https://webiny-community.slack.com/archives/C014Y0HGJ0Y/p1715783505202099

I’m having an issue with the Hide Element feature. There is no default display applied to the element hidden, and by not having that, if I apply the hide: true on desktop, then there is no way to un-hide it to tablet or mobile, because the hidden from desktop class is default, and the class specific for other breakpoints has no display css element to override.

Just for information, I also tried using this trick as a workaround, but it didn't work: Hide the block in the tablet view, then navigate to the mobile view, use the navigation tree on the left side to find the hidden block, select it, and then unhide it.