Draw the chip set without Tailwind

<x-chip-set> renders data-md-chip-set (data-md-scroll), its row, label,
hint, errors and scroll buttons as data-md-* attributes, and its row,
fade mask, scroll padding and pointer-fine buttons move into
components/chip-set.css on tokens (plan step 36). chips.js marks the
row data-md-scroll-start and data-md-scroll-end. Browser tests cover the
scroll buttons in LTR and RTL and the arrow keys with a roving tab stop
that scrolls the focused chip clear of the button.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

This commit is contained in:

Andreas Reinhold / reini

2026-09-14 14:54:41 +02:00

co-authored by

Claude Opus 5

parent d8072d878a

commit 55cf8ceed7

6 changed files with 259 additions and 43 deletions

									
										resources/css/components.css
									
		+1
		
												View File
												
				@@ -25,6 +25,7 @@

				@import './components/radio.css';

				@import './components/toggle.css';

				@import './components/chip.css';

				@import './components/chip-set.css';

				/* Containment */