rogarithm/knowledge_base
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add preserve-scroll modifier to x-navigate directive

Browse Source 
- Use x-navigate.preserve-scroll to maintain sidebar scroll position during navigation
- Prevents page from scrolling to top after clicking sidebar links
- Alpine navigate automatically saves and restores scroll position
This commit is contained in:
y963
2025-12-04 02:17:13 +09:00
parent 1e20982e00
commit a4aff43091
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/resources/views/livewire/sidebar-tree.blade.php
View File

@@ -18,7 +18,7 @@
@auth @auth
<div class="mt-6 pt-6 border-t border-gray-200"> <div class="mt-6 pt-6 border-t border-gray-200">
<a <a
x-navigate x-navigate.preserve-scroll
href="{{ route('documents.create') }}" href="{{ route('documents.create') }}"
class="flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700" class="flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700"
> >

2
src/resources/views/partials/tree-item.blade.php
View File

@@ -8,7 +8,7 @@
$displayTitle = basename($file['document']->title); $displayTitle = basename($file['document']->title);
@endphp @endphp
<a <a
x-navigate x-navigate.preserve-scroll
href="{{ route('documents.show', $file['document']) }}" href="{{ route('documents.show', $file['document']) }}"
class="flex items-center px-2 py-1.5 text-sm text-gray-700 rounded hover:bg-gray-100 group" class="flex items-center px-2 py-1.5 text-sm text-gray-700 rounded hover:bg-gray-100 group"
> >