@sbc-connect/nuxt-base 0.13.0 → 0.13.1
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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @sbc-connect/nuxt-base
|
|
2
2
|
|
|
3
|
+
## 0.13.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#188](https://github.com/bcgov/connect-nuxt/pull/188) [`6b06486`](https://github.com/bcgov/connect-nuxt/commit/6b06486d052dea23764c696d297f727bb5ad8a6e) Thanks [@eve-git](https://github.com/eve-git)! - Fix Tab focus not reaching the date picker's clear and calendar buttons in Safari
|
|
8
|
+
|
|
3
9
|
## 0.13.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -280,15 +280,23 @@ function clearDate() {
|
|
|
280
280
|
{{ label }}
|
|
281
281
|
</label>
|
|
282
282
|
<template #trailing>
|
|
283
|
+
<!-- explicit tabindex="0" on both trailing buttons: Safari excludes plain
|
|
284
|
+
<button> elements from Tab order by default (unlike Chrome/Firefox), so
|
|
285
|
+
without this, Tab skips straight past them from the date input -->
|
|
286
|
+
<!-- .stop on both Enter handlers below: type="button" already blocks native
|
|
287
|
+
form submission, but consuming apps may wrap this in a dialog/form with its
|
|
288
|
+
own "Enter activates primary action" keydown listener higher up the tree -
|
|
289
|
+
stopping propagation keeps Enter fully local to whichever icon is focused -->
|
|
283
290
|
<UButton
|
|
284
291
|
v-if="dateInput && !disabled"
|
|
285
292
|
icon="i-mdi-close"
|
|
286
293
|
type="button"
|
|
294
|
+
tabindex="0"
|
|
287
295
|
:color="error ? 'error' : 'neutral'"
|
|
288
296
|
variant="ghost"
|
|
289
297
|
class="date-action-button"
|
|
290
298
|
:aria-label="$t('label.clearDate')"
|
|
291
|
-
@keydown.enter.prevent="clearDate"
|
|
299
|
+
@keydown.enter.prevent.stop="clearDate"
|
|
292
300
|
@click="clearDate"
|
|
293
301
|
/>
|
|
294
302
|
<!-- capture Enter before Reka UI asChild trigger strips the listener -->
|
|
@@ -307,12 +315,13 @@ function clearDate() {
|
|
|
307
315
|
<UButton
|
|
308
316
|
icon="i-mdi-calendar"
|
|
309
317
|
type="button"
|
|
318
|
+
tabindex="0"
|
|
310
319
|
:disabled="disabled"
|
|
311
320
|
:color="error && !dateInput ? 'error' : 'neutral'"
|
|
312
321
|
variant="ghost"
|
|
313
322
|
class="date-action-button"
|
|
314
323
|
:aria-label="$t('label.openCalendar')"
|
|
315
|
-
@keydown.enter.prevent="isCalendarOpen = !isCalendarOpen"
|
|
324
|
+
@keydown.enter.prevent.stop="isCalendarOpen = !isCalendarOpen"
|
|
316
325
|
/>
|
|
317
326
|
<template #content>
|
|
318
327
|
<div ref="calendarContentRef">
|