XF 2.2 can't remove HTML widget with display: none;

[Nicolas FR]

Hello,
I created a HTML widget named top_home
In extra.less template i put this code

@media (max-width: 900px) {
    [data-widget-key="top_home"] {
        display: none;
    }
}

But it doesn't work, the widget is still displayed under 900px screen.
The same code with non html widgets works...

 

[Jeremy P]

It looks like the HTML widget doesn't have the data attributes on its wrapper for whatever reason.

There's a suggestion here, but honestly it feels more like a bug to me:

Implemented - HTML Widget -> widget_data($widget)

Template: widget_html It seems like the HTML widget is the only widget without: {{ widget_data($widget) }} on the level, not sure if it's intentional but it would be nice to have the additional data-attributes to target specific html widgets.

xenforo.com

There's instructions for how to make the necessary change yourself here:

Lack of interest - HTML Widget without id, key or definition

Today i tried to add a html-widget, but there is nothing to identify it. Why the id is not passed here for example, please? It would make it much more easy to add some spcial css. Yes, i know that i can do it in expanded mode, but why i should, if also an html-widget should and could have at...

xenforo.com

Note that if you're using advanced mode, you'll need to add the attributes yourself (or add a class of your own to target with CSS).

 

[Nicolas FR]

I also thought it might be a bug.
I got around using advanced mode and applying a display: none; to the main container I created.
Thank you for the info.