A11y: Focus ring for widgets (#7167)
## Summary Addresses #7165 Add focus state to widget inputs (including textarea) ## Screenshot <img width="912" height="688" alt="image" src="https://github.com/user-attachments/assets/329b1747-1c16-499c-9a17-58332d731c35" /> <!-- Add screenshots or video recording to help explain your changes --> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7167-A11y-Focus-ring-for-widgets-2bf6d73d365081b9805ef5921c1d9b6e) by [Unito](https://www.unito.io) --------- Co-authored-by: github-actions <github-actions@github.com>
|
Before Width: | Height: | Size: 130 KiB After Width: | Height: | Size: 130 KiB |
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 111 KiB |
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 123 KiB |
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 123 KiB |
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 122 KiB |
@@ -1,5 +1,8 @@
|
||||
<template>
|
||||
<FloatLabel variant="in">
|
||||
<FloatLabel
|
||||
variant="in"
|
||||
class="rounded-lg space-y-1 focus-within:ring ring-component-node-widget-background-highlighted transition-all"
|
||||
>
|
||||
<Textarea
|
||||
v-bind="filteredProps"
|
||||
:id
|
||||
|
||||
@@ -29,7 +29,7 @@ const hideLayoutField = inject<boolean>('hideLayoutField', false)
|
||||
<!-- basis-full grow -->
|
||||
<div class="relative min-w-0 flex-1">
|
||||
<div
|
||||
class="cursor-default min-w-0"
|
||||
class="cursor-default min-w-0 rounded-lg space-y-1 focus-within:ring ring-component-node-widget-background-highlighted transition-all"
|
||||
@pointerdown.stop="noop"
|
||||
@pointermove.stop="noop"
|
||||
@pointerup.stop="noop"
|
||||
|
||||