From a14ca292657f70703f69d511d24094bb53a0e62a Mon Sep 17 00:00:00 2001
From: Alex Lion <dev@alexandrelion.com>
Date: Wed, 5 Aug 2026 09:05:24 +0700
Subject: [PATCH] Keep reaction control above composer

---
 lib/claper_web/live/event_live/show.html.heex | 6 ++++--
 test/claper_web/live/event_live/show_test.exs | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/lib/claper_web/live/event_live/show.html.heex b/lib/claper_web/live/event_live/show.html.heex
index 89b6104..100653a 100644
--- a/lib/claper_web/live/event_live/show.html.heex
+++ b/lib/claper_web/live/event_live/show.html.heex
@@ -18,8 +18,10 @@
       id="attendee-room"
       class={[
         "relative mx-auto grid h-[100dvh] w-full max-w-lg overflow-hidden bg-black font-display shadow-2xl",
-        captions_visible? && "grid-rows-[auto_auto_auto_minmax(0,1fr)]",
-        !captions_visible? && "grid-rows-[auto_auto_minmax(0,1fr)]"
+        focus_content? && captions_visible? &&
+          "grid-rows-[auto_auto_auto_minmax(0,1fr)]",
+        focus_content? != captions_visible? && "grid-rows-[auto_auto_minmax(0,1fr)]",
+        !focus_content? && !captions_visible? && "grid-rows-[auto_minmax(0,1fr)]"
       ]}
     >
       <div
diff --git a/test/claper_web/live/event_live/show_test.exs b/test/claper_web/live/event_live/show_test.exs
index 4415ba4..f8e1e23 100644
--- a/test/claper_web/live/event_live/show_test.exs
+++ b/test/claper_web/live/event_live/show_test.exs
@@ -71,6 +71,7 @@ defmodule ClaperWeb.EventLive.ShowTest do
     document = Floki.parse_document!(html)
 
     assert Floki.find(document, "#focus-slot") == []
+    assert "grid-rows-[auto_minmax(0,1fr)]" in classes(document, "#attendee-room")
     refute html =~ "Waiting for content"
   end