From 2ace8bfdd4e7e06537d5871050d9f6d3b4030ea2 Mon Sep 17 00:00:00 2001
From: manukminasyan <manuk.minasyan1@gmail.com>
Date: Fri, 27 Mar 2026 21:26:28 +0400
Subject: [PATCH] feat: make comment form sticky at bottom of slide-over

Pin the comment editor to the bottom of the slide-over panel so it's
always visible while scrolling through comments. Uses CSS sticky
positioning with border separator and background color.
---
 resources/views/livewire/comments.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/livewire/comments.blade.php b/resources/views/livewire/comments.blade.php
index 79f6048..2cb22e7 100644
--- a/resources/views/livewire/comments.blade.php
+++ b/resources/views/livewire/comments.blade.php
@@ -57,10 +57,10 @@
         </div>
     @endif
 
-    {{-- New comment form - only for authorized users --}}
+    {{-- New comment form - sticky at bottom of slide-over --}}
     @auth
         @can('create', \Relaticle\Comments\CommentsConfig::getCommentModel())
-            <div class="mt-4">
+            <div class="sticky bottom-0 z-10 -mx-4 -mb-4 border-t border-gray-200 bg-white px-4 pb-4 pt-3 dark:border-gray-700 dark:bg-gray-900">
                 {{ $this->commentForm }}
 
                 @if (\Relaticle\Comments\CommentsConfig::areAttachmentsEnabled())