Is there any way to hide protected selectors from the selectorManager?

[glaprida]

I know private selectors don't show; but also you can't change any values to them, and componentFirst: false don't play well with private selectors too.

I am trying to get the best of both worlds; having some class pre-applied to some components (but don't show it on the selectorManager) while also being able to modify it's style values with componentFist: false so that it automatically updates all components with that class.

Is there a way to hide protected selectors without writing a whole custom selectorManager from scratch?

[mosh-tudor]

Is there a way to hide protected selectors without writing a whole custom selectorManager from scratch?

You can try using data attributes (yeah, a bit hacky, but at least it works).

[glaprida]

how would you do that?

[mosh-tudor]

some class pre-applied to some components (but don't show it on the selectorManager)

JS:

  blockManager.add('grid', {
    label: `
      <div class='gjs-block-icon'>${gridIcon}</div>
      <div>Grid</div>
    `,
    category: "Layout",
    content: '<div class="my-grid-component" data-random-name="grid">..//..</div>',
  });

CSS:

[data-random-name="grid"] {
  border: 1px solid red;
}

[glaprida]

That won't work for me... I need the class to be hidden, pre-applied, but also to be able to modify it through the styles manager (with componentFirst: false)

As far as I understand I can't modify the values of a [data-attribute] selector

[artf]

Is there a way to hide protected selectors without writing a whole custom selectorManager from scratch?

Unfortunately, this would be the only recommended way right now, without incurring hacky solutions (eg. update selector tags DOM on target change).
In the next release, I'll add a new class name for protected selector elements.

[glaprida]

That would be sooo great ! Thanks!