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>
This commit is contained in:
Alexander Brown
2025-12-04 16:11:34 -08:00
committed by GitHub
parent ab777bc65c
commit fe2676e8cd
7 changed files with 5 additions and 2 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 130 KiB

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 122 KiB

View File

@@ -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

View File

@@ -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"