From 694ff605eb0fdbe761b5f08c934cf86f7bbd004d Mon Sep 17 00:00:00 2001
From: altercode <p.wajcowicz@gmail.com>
Date: Tue, 9 Feb 2021 09:30:26 +0100
Subject: [PATCH 1/2] Fix overflow hidden issue with overlaping elements inside
 form section

---
 .../views/components/form-section.blade.php   | 22 +++++++++----------
 .../resources/js/Jetstream/FormSection.vue    | 15 ++++++-------
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/resources/views/components/form-section.blade.php b/resources/views/components/form-section.blade.php
index e7e97b57a..7e098adb1 100644
--- a/resources/views/components/form-section.blade.php
+++ b/resources/views/components/form-section.blade.php
@@ -8,19 +8,19 @@
 
     <div class="mt-5 md:mt-0 md:col-span-2">
         <form wire:submit.prevent="{{ $submit }}">
-            <div class="shadow overflow-hidden sm:rounded-md">
-                <div class="px-4 py-5 bg-white sm:p-6">
-                    <div class="grid grid-cols-6 gap-6">
-                        {{ $form }}
-                    </div>
+            <div
+                class="px-4 py-5 bg-white sm:p-6 shadow {{ isset($actions) ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md' }}">
+                <div class="grid grid-cols-6 gap-6">
+                    {{ $form }}
                 </div>
+            </div>
 
-                @if (isset($actions))
-                    <div class="flex items-center justify-end px-4 py-3 bg-gray-50 text-right sm:px-6">
-                        {{ $actions }}
-                    </div>
-                @endif
+            @if (isset($actions))
+            <div
+                class="flex items-center justify-end px-4 py-3 bg-gray-50 text-right sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md">
+                {{ $actions }}
             </div>
+            @endif
         </form>
     </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/stubs/inertia/resources/js/Jetstream/FormSection.vue b/stubs/inertia/resources/js/Jetstream/FormSection.vue
index c03f309be..63e33163d 100644
--- a/stubs/inertia/resources/js/Jetstream/FormSection.vue
+++ b/stubs/inertia/resources/js/Jetstream/FormSection.vue
@@ -7,16 +7,15 @@
 
         <div class="mt-5 md:mt-0 md:col-span-2">
             <form @submit.prevent="$emit('submitted')">
-                <div class="shadow overflow-hidden sm:rounded-md">
-                    <div class="px-4 py-5 bg-white sm:p-6">
-                        <div class="grid grid-cols-6 gap-6">
-                            <slot name="form"></slot>
-                        </div>
+                <div class="px-4 py-5 bg-white sm:p-6 shadow"
+                    :class="hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md'">
+                    <div class="grid grid-cols-6 gap-6">
+                        <slot name="form"></slot>
                     </div>
+                </div>
 
-                    <div class="flex items-center justify-end px-4 py-3 bg-gray-50 text-right sm:px-6" v-if="hasActions">
-                        <slot name="actions"></slot>
-                    </div>
+                <div class="flex items-center justify-end px-4 py-3 bg-gray-50 text-right sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md" v-if="hasActions">
+                    <slot name="actions"></slot>
                 </div>
             </form>
         </div>

From 0d39f307687224d46fcf67923761c507ca882118 Mon Sep 17 00:00:00 2001
From: Dries Vints <dries@vints.io>
Date: Tue, 9 Feb 2021 09:47:06 +0100
Subject: [PATCH 2/2] Update form-section.blade.php

---
 resources/views/components/form-section.blade.php | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/resources/views/components/form-section.blade.php b/resources/views/components/form-section.blade.php
index 7e098adb1..791387bfe 100644
--- a/resources/views/components/form-section.blade.php
+++ b/resources/views/components/form-section.blade.php
@@ -8,19 +8,17 @@
 
     <div class="mt-5 md:mt-0 md:col-span-2">
         <form wire:submit.prevent="{{ $submit }}">
-            <div
-                class="px-4 py-5 bg-white sm:p-6 shadow {{ isset($actions) ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md' }}">
+            <div class="px-4 py-5 bg-white sm:p-6 shadow {{ isset($actions) ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md' }}">
                 <div class="grid grid-cols-6 gap-6">
                     {{ $form }}
                 </div>
             </div>
 
             @if (isset($actions))
-            <div
-                class="flex items-center justify-end px-4 py-3 bg-gray-50 text-right sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md">
-                {{ $actions }}
-            </div>
+                <div class="flex items-center justify-end px-4 py-3 bg-gray-50 text-right sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md">
+                    {{ $actions }}
+                </div>
             @endif
         </form>
     </div>
-</div>
\ No newline at end of file
+</div>