Skip to content

Commit a739d35

Browse files
committed
fix(Select): update to match installed version of material/select
1 parent 8017412 commit a739d35

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

components/mdc/Select/Select.svelte

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)