diff --git a/package.json b/package.json index 63b94a61..f12323c5 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,7 @@ }, "devDependencies": { "@alpinejs/collapse": "^3.10.5", + "@alpinejs/focus": "^3.11.1", "@alpinejs/intersect": "^3.11.1", "@tailwindcss/forms": "^0.5.2", "@tailwindcss/typography": "^0.5.0", diff --git a/resources/js/app.js b/resources/js/app.js index 1176130c..60c05f87 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -1,11 +1,13 @@ -import './bootstrap'; +import './bootstrap' -import Alpine from 'alpinejs'; -import collapse from '@alpinejs/collapse' +import Alpine from 'alpinejs' +import collapse from '@alpinejs/collapse' import intersect from '@alpinejs/intersect' +import focus from '@alpinejs/focus' -window.Alpine = Alpine; +window.Alpine = Alpine Alpine.plugin(collapse) Alpine.plugin(intersect) -Alpine.start(); +Alpine.plugin(focus) +Alpine.start() diff --git a/resources/views/livewire/chat/highscore-chat.blade.php b/resources/views/livewire/chat/highscore-chat.blade.php index a5f26691..878e5dcb 100644 --- a/resources/views/livewire/chat/highscore-chat.blade.php +++ b/resources/views/livewire/chat/highscore-chat.blade.php @@ -10,7 +10,9 @@ x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="pointer-events-auto w-screen max-w-md" - x-description="Slide-over panel, show/hide based on slide-over state."> + x-description="Slide-over panel, show/hide based on slide-over state." + x-trap.noscroll="open" + >