need to select tabarray label string in CSS

[sdetweil]

in my form design, I have a list of items, some support multiple of the same type, some not, some have one entry, some more

the tab label of 'Item 1' doesn't mean anything and is confusing. I would like to hide it. (the tab label)

but CSS doesn't provide a selector for the contents of an element, only for the value of an attribute
(:has() selector has been approved, but not yet implemented in any browser)
the generated tab label code is

<a class="draggable tab" data-toggle="tab">Item 1</a>

IF there was an attribute, then it could be selected, like this

<a class="draggable tab" data-toggle="tab" val="Item 1">Item 1</a>

would u be interested in this change?

my tab array
if one tab and val='Item 1'
no tab shows

in one item with one tab val NOT default 'Item 1'

if more than one tab

[sdetweil]

then u can target the a item like this

.possibly-hidden-tab div:nth-child(2)  > div > div >div >ul >li:only-child >a[val*="Item 1"] {
  display: none;
}

using "htmlClass":"possibly-hidden-tab" in the form

[tchapi]

Hi @sdetweil,

Yes, I think that change is meaningful. Let me try to give it a go this week, I'll keep you updated

[sdetweil]

thank you