tested and it works but you also need to do the tabs in ?option=com_config&view=component

Yeah just noticed. Trying to sort it now.

@brianteeman think it's done now. Not sure if anything is missing cause the view was a mess, beyond belief.

1. think you got it everywhere now

2. check the permissions tab as it now has a big indent again
   

3. on a page with a lot of tabs is it supposed to have a scroll bar?
   

2. The permissions tabs are another issues. I'll fix them in this PR so it's not forgotten about.
3. Not sure about the scrollbar, but nothing to do with this PR.

Well the scrollbar didn't appear with the b's tabs

All I'm doing it using the Custom Elements for the tabs. If there are styling issues, they need to be fixed in the CE repo.

A lot of tabs would result in a scrollbar in other pages that are already using the tabs, not just this page

Spacing is there due to it being rendered with renderFieldset() which wraps it inside <div class="controls">. Not sure if there is another method to render it.

2. The permissions tabs are another issues. I'll fix them in this PR so it's not forgotten about.

@C-Lodder So we shall wait with testing this PR until you've added that, too?

@C-Lodder please add the todo for the showon as #23780 (review)

I have tested this item ✅ successfully on 1ed6b47

I have tested this successfully. #jpbf19 #test1

I have tested this item ✅ successfully on 1ed6b47

Well the scrollbar didn't appear with the b's tabs

The scrollbars are part of the tabs design (but should be visible only on smaller screens). The idea comes from https://bulma.io/documentation/components/tabs/

@mbabker do you know of another way to render the permissions element without renderFieldSet() ?

@Quy Thanks for the commit. Much appreciated

@brianteeman would you mind giving it another spin please?

@C-Lodder I am away this weekend without a laptop.

I have tested this item ✅ successfully on a29d7fd

@brianteeman just a reminder if you find any time to do a quick test

Sorry. Completely forgot

I have tested this item ✅ successfully on 9d08410

I have tested this item ✅ successfully on 9d08410

RTC

Thanks!

I have tested this item ? unsuccessfully on 29f07de

Testing this on last Nightly Build (ie 25/11).

@ghazal given this got merged last night can you create a fresh issue for your bug so that it can be tracked properly - thanks!

@wilsonge @ghazal The overlapping has nothing to do with this PR. The fields inside the parent should respond to the width of the parent.

I have already raised an issue about the poor UX with fieldsets.....the fact the labels are to the left of the field and the sets are spanned horizontally.

@C-Lodder
Should I let you create the PR ?
Most probably your description will be more detailed than mine.
@wilsonge

@ghazal I think the powers that be seem to be happy with the current horizontal layout. I'll let the issue I raised speak for itself once there's more feedback on it: #25891

@C-Lodder Fact is that the global config fields are more broken now as before, like @ghazal 's screenshot shows in his comment above. This is not really obvious in #25891 , so I think either it needs a new screenshot in the description of #25891so people can see it deals also with the issue shown by @ghazal , or someone has to create a new issue, so people can see it is known. If new issue and nobody has the time to create one: I can do that, just let me know.