Fixed hidden drop-down on row table

Author: tabuna

public/css/orchid.css

@@ -1,19 +1,19 @@
 .form-control {
-  background: $white none;
-  border: 1px solid $form-control-border-color;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  color: $black;
-  outline: 0;
-  line-height: normal;
-  font-weight: normal;
-  vertical-align: middle;
-  min-height: $input-height;
-  @include transition(all 0.12s ease);
-  @include box-shadow(none);
-  border-radius: 0.125rem;
-  @include placeholder($text-muted);
-  @include transition(background 0.2s linear 0s);
+    background: $white none;
+    border: 1px solid $form-control-border-color;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    color: $black;
+    outline: 0;
+    line-height: normal;
+    font-weight: normal;
+    vertical-align: middle;
+    min-height: $input-height;
+    @include transition(all 0.12s ease);
+    @include box-shadow(none);
+    border-radius: 0.125rem;
+    @include placeholder($text-muted);
+    @include transition(background 0.2s linear 0s);
 
     &:focus {
         border-color: fade-out($black, 0.9);
@@ -25,16 +25,21 @@
     }
 
     &[disabled],
-  &[readonly],
-  fieldset[disabled] & {
-    background: mix($grey-light, #fff, 50%);
-    color: fade-out($grey, .77);
-  }
-  select {
-    -moz-appearance : none;
-    text-indent     : 0.01px;
-    text-overflow   : '';
-  }
+    &[readonly],
+    fieldset[disabled] & {
+        background: mix($grey-light, #fff, 50%);
+        color: fade-out($grey, .77);
+    }
+
+    select {
+        -moz-appearance: none;
+        text-indent: 0.01px;
+        text-overflow: '';
+    }
+
+    &::file-selector-button {
+        min-height: $input-height;
+    }
 }
 
 .input-group {

public/css/orchid.rtl.css

@@ -464,9 +464,13 @@ blockquote {
   > tbody,
   > tfoot {
     > tr {
-        // Safari doesn't support position: relative on <tr> elements
-        position: sticky;
-        overflow: clip;
+        &:has(.stretched-link) {
+            // Safari doesn't support position: relative on <tr> elements
+            position: relative;
+            transform: translate(0);
+            clip-path: inset(0);
+            overflow: clip;
+        }
       > td {
         padding: 8px 15px;
         border-top: 1px solid $table-border-color;

public/mix-manifest.json

@@ -4,7 +4,6 @@
         type="button"
         data-bs-toggle="dropdown"
         aria-expanded="false"
-        data-bs-popper-config='{"strategy": "fixed"}'
     >
         @isset($icon)
             <x-orchid-icon :path="$icon" class="overflow-visible"/>

resources/sass/core/form.scss

@@ -8,7 +8,7 @@
     </fieldset>
 @endempty
 
-<div class="bg-white rounded shadow-sm mb-3"
+<div class="bg-white rounded shadow-sm mb-3 overflow-hidden"
      data-controller="table"
      data-table-slug="{{$slug}}"
 >