noph-ui 0.8.12 → 0.8.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -87,7 +87,6 @@
|
|
|
87
87
|
: '') + style}
|
|
88
88
|
class={['text-field', attributes.class]}
|
|
89
89
|
bind:this={element}
|
|
90
|
-
bind:clientWidth
|
|
91
90
|
>
|
|
92
91
|
<div
|
|
93
92
|
class="field"
|
|
@@ -102,16 +101,15 @@
|
|
|
102
101
|
tabindex={attributes.disabled ? -1 : tabindex}
|
|
103
102
|
aria-controls="listbox"
|
|
104
103
|
aria-expanded={menuOpen}
|
|
105
|
-
aria-label={label}
|
|
104
|
+
aria-label={attributes['aria-label'] || label}
|
|
106
105
|
bind:this={field}
|
|
106
|
+
bind:clientWidth
|
|
107
107
|
onclick={(event) => {
|
|
108
108
|
event.preventDefault()
|
|
109
109
|
menuElement?.showPopover()
|
|
110
|
-
menuElement?.focus()
|
|
111
110
|
}}
|
|
112
111
|
onkeydown={(event) => {
|
|
113
112
|
if (event.key === 'Tab') {
|
|
114
|
-
event.preventDefault()
|
|
115
113
|
menuElement?.hidePopover()
|
|
116
114
|
} else {
|
|
117
115
|
event.preventDefault()
|
|
@@ -163,6 +161,7 @@
|
|
|
163
161
|
tabindex="-1"
|
|
164
162
|
aria-label={label}
|
|
165
163
|
{...attributes}
|
|
164
|
+
class={[]}
|
|
166
165
|
bind:value
|
|
167
166
|
bind:this={selectElement}
|
|
168
167
|
>
|
|
@@ -232,6 +231,9 @@
|
|
|
232
231
|
menuElement?.hidePopover()
|
|
233
232
|
event.preventDefault()
|
|
234
233
|
}
|
|
234
|
+
if (event.key === 'Tab') {
|
|
235
|
+
menuElement?.hidePopover()
|
|
236
|
+
}
|
|
235
237
|
}}
|
|
236
238
|
variant="button"
|
|
237
239
|
selected={value === option.value}>{option.label}</Item
|