@@ -110,7 +110,7 @@ export class TabContainerElement extends HTMLElement {
110
110
static observedAttributes = [ 'vertical' ]
111
111
112
112
get #tabList( ) {
113
- const wrapper = this . querySelector ( '[slot=tablist-wrapper],[slot=tablist-tab-wrapper] ' )
113
+ const wrapper = this . querySelector ( '[slot=tablist-wrapper]' )
114
114
if ( wrapper ?. closest ( this . tagName ) === this ) {
115
115
return wrapper . querySelector ( '[role=tablist]' ) as HTMLElement
116
116
}
@@ -127,7 +127,7 @@ export class TabContainerElement extends HTMLElement {
127
127
}
128
128
129
129
get #tabListTabWrapper( ) {
130
- return this . shadowRoot ! . querySelector < HTMLSlotElement > ( 'slot [part="tablist-tab-wrapper"]' ) !
130
+ return this . shadowRoot ! . querySelector < HTMLElement > ( 'div [part="tablist-tab-wrapper"]' ) !
131
131
}
132
132
133
133
get #beforeTabsSlot( ) {
@@ -189,7 +189,7 @@ export class TabContainerElement extends HTMLElement {
189
189
tabListContainer . style . display = 'flex'
190
190
tabListContainer . setAttribute ( 'part' , 'tablist-wrapper' )
191
191
tabListContainer . setAttribute ( 'name' , 'tablist-wrapper' )
192
- const tabListTabWrapper = document . createElement ( 'slot ' )
192
+ const tabListTabWrapper = document . createElement ( 'div ' )
193
193
tabListTabWrapper . setAttribute ( 'part' , 'tablist-tab-wrapper' )
194
194
tabListTabWrapper . setAttribute ( 'name' , 'tablist-tab-wrapper' )
195
195
const tabListSlot = document . createElement ( 'slot' )
@@ -299,14 +299,10 @@ export class TabContainerElement extends HTMLElement {
299
299
if ( ! this . #setupComplete) {
300
300
const tabListSlot = this . #tabListSlot
301
301
const tabListWrapper = this . #tabListWrapper
302
- const tabListTabWrapper = this . #tabListTabWrapper
303
302
const customTabList = this . querySelector ( '[role=tablist]' )
304
303
const customTabListWrapper = this . querySelector ( '[slot=tablist-wrapper]' )
305
- const customTabListTabWrapper = this . querySelector ( '[slot=tablist-tab-wrapper]' )
306
304
if ( customTabListWrapper && customTabListWrapper . closest ( this . tagName ) === this ) {
307
305
assignSlotWithFallback ( tabListWrapper , customTabListWrapper )
308
- } else if ( customTabListTabWrapper && customTabListTabWrapper . closest ( this . tagName ) === this ) {
309
- assignSlotWithFallback ( tabListTabWrapper , customTabListTabWrapper )
310
306
} else if ( customTabList && customTabList . closest ( this . tagName ) === this ) {
311
307
assignSlotWithFallback ( tabListSlot , customTabList )
312
308
} else {
@@ -326,11 +322,7 @@ export class TabContainerElement extends HTMLElement {
326
322
const afterSlotted : Element [ ] = [ ]
327
323
let autoSlotted = beforeSlotted
328
324
for ( const child of this . children ) {
329
- if (
330
- child . getAttribute ( 'role' ) === 'tab' ||
331
- child . getAttribute ( 'role' ) === 'tablist' ||
332
- child . getAttribute ( 'slot' ) === 'tablist-tab-wrapper'
333
- ) {
325
+ if ( child . getAttribute ( 'role' ) === 'tab' || child . getAttribute ( 'role' ) === 'tablist' ) {
334
326
autoSlotted = afterTabSlotted
335
327
continue
336
328
}
0 commit comments