NO BUG: No option to hide element when right clicking components

[Codebee]

Browser: Chrome Version 137.0.7151.104
OS: macOS

This might be more of a feature request rather than a bug.

When right-clicking on a component, there’s no option to hide it, like we see for other elements. Sometimes we need to hide something temporarily while working on pages, the only option is to delete it and re-insert it or wrap it in a div etc and hide the div.

[timmse]

Hi Brendan,
Thanks so much for your report!

You can find the “hide element” right-click option when editing the component.

Best regards,
timmse

[Codebee]

Hi timmse,

Wouldn’t that hide the component everywhere? In this example, I only want to hide that specific instance.

So I guess the ask is to be able to hide individual instances of components.

[timmse]

You can connect a toggle property to show/hide instances individually.

[Maexxx]

1. After right-click → “hide-element”, click on the appearing hide icon on the right.
2. Then you can link a toggle property.
   
   
3. Create a toggle property, connect the property with the “Frontend: Hide element” input, builder optional.

Congrats, you’ve developed a component instance hide/show feature. Obvious, right?

[Codebee]

Yes, it is obvious haha… I knew I could do this but it would be much simpler to just have a right click option to hide a component rather than needing to go setting up toggles for it. There’s a significant time difference between the two.

Maybe it’s just me, but frequently during builds I might want to temporarily hide something and don’t want to delete it. (e.g. still deciding whether I want to use it or not)

[Maexxx]

Yes, it’s an atrocious UX design. Instead of allowing properties in a condition, they introduced a new property type, that is not needed and a new workflow nobody asked for. This is just thread nr. 2 out of 10 upcoming ones.

But as 2.0 is out now, they can focus on fixing the most annoying shortcomings.