@@ -63,11 +63,18 @@ afterUpdate(() => {
6363
6464<div class ="mdc-select mdc-select--outlined {$$props .class || ' ' }" bind:this ={element } style ="width: {width }" >
6565 <div class ="mdc-select__anchor" role ="button" aria-haspopup ="listbox" aria-labelledby =" {labelID } {selectedTextID }" >
66+ <span class =" mdc-notched-outline" >
67+ <span class =" mdc-notched-outline__leading" />
68+ <span class =" mdc-notched-outline__notch" >
69+ <span id ={labelID } class ="mdc-floating-label" >{label }</span >
70+ </span >
71+ <span class =" mdc-notched-outline__trailing" />
72+ </span >
6673 <span class =" mdc-select__selected-text-container" >
6774 <span id ={selectedTextID } class =" mdc-select__selected-text" />
6875 </span >
6976 <span class =" mdc-select__dropdown-icon" >
70- <svg class =" mdc-select__dropdown-icon-graphic" viewBox =" 7 10 10 5" >
77+ <svg class =" mdc-select__dropdown-icon-graphic" viewBox =" 7 10 10 5" focusable = " false " >
7178 <polygon
7279 class =" mdc-select__dropdown-icon-inactive"
7380 stroke =" none"
@@ -77,17 +84,10 @@ afterUpdate(() => {
7784 <polygon class =" mdc-select__dropdown-icon-active" stroke =" none" fill-rule =" evenodd" points =" 7 15 12 10 17 15" />
7885 </svg >
7986 </span >
80- <span class =" mdc-notched-outline" >
81- <span class =" mdc-notched-outline__leading" />
82- <span class =" mdc-notched-outline__notch" >
83- <span id ={labelID } class ="mdc-floating-label" >{label }</span >
84- </span >
85- <span class =" mdc-notched-outline__trailing" />
86- </span >
8787 </div >
8888
89- <div class ="mdc-select__menu mdc-menu mdc-menu-surface" style ="width: {width }" role = " listbox " >
90- <ul class =" mdc-deprecated-list" >
89+ <div class ="mdc-select__menu mdc-menu mdc-menu-surface" style ="width: {width }" >
90+ <ul class ="mdc-deprecated-list" role = "listbox" aria-label ={ label + ' picker listbox ' } >
9191 {#each options as { id, name } (id )}
9292 <li class ="mdc-deprecated-list-item" data-value ={id } role ="option" aria-selected ={isOptionSelected (id )}>
9393 <span class ="mdc-deprecated-list-item__text" >{name }</span >
0 commit comments