noNameWEB/livewire-material
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Find the scrolling chip row inside its scroll-button wrapper

Browse Source 
Plan step 32. The chip set's scroll buttons (plan step 24) moved
`x-data="materialChipSet"` from the row to a wrapper around the row and
its buttons, so `[data-chip-set][x-data]` found the first wrapping set on
the page, which never overflows.

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 13:39:17 +02:00
co-authored by Claude Opus 5
parent fe1cea4ac6
commit 09954cc474
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/Browser/ChipsTest.php
+2 -1
View File
@@ -158,7 +158,8 @@ it('removes an Alpine input chip with Backspace, focusing the chip before it', f
}); });
it('scrolls a chip set sideways, fading the edge it can still scroll towards', function () { it('scrolls a chip set sideways, fading the edge it can still scroll towards', function () {
$row = "document.querySelector('#chips [data-chip-set][x-data]')"; // The scrolling row, inside the component that also holds its scroll buttons.
$row = "document.querySelector('#chips [x-data=\"materialChipSet\"] > [data-chip-set]')";
$page = chipShowcase(); $page = chipShowcase();