From bbb41e8b5cc5c6e33cb27ef1b69092cf7a0f70ba Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Tue, 20 Feb 2024 18:03:32 +0000
Subject: [PATCH] Breadcrumbs: Fixed bad dropdown menu placement at small sizes

For #4824
---
 resources/sass/_components.scss                       | 6 ++----
 resources/views/entities/breadcrumb-listing.blade.php | 4 ++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/resources/sass/_components.scss b/resources/sass/_components.scss
index 150f78e12..ae899357c 100644
--- a/resources/sass/_components.scss
+++ b/resources/sass/_components.scss
@@ -906,11 +906,9 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   }
 }
 
-@include smaller-than($m) {
+@include smaller-than($l) {
   .dropdown-search-dropdown {
-    position: fixed;
-    right: auto;
-    left: $-m;
+    inset-inline: $-m auto;
   }
   .dropdown-search-dropdown .dropdown-search-list {
     max-height: 240px;
diff --git a/resources/views/entities/breadcrumb-listing.blade.php b/resources/views/entities/breadcrumb-listing.blade.php
index 1efe3ba34..4f751a93f 100644
--- a/resources/views/entities/breadcrumb-listing.blade.php
+++ b/resources/views/entities/breadcrumb-listing.blade.php
@@ -1,7 +1,7 @@
-<div class="dropdown-search" components="dropdown dropdown-search"
+<div components="dropdown dropdown-search"
      option:dropdown-search:url="/search/entity/siblings?entity_type={{$entity->getType()}}&entity_id={{ $entity->id }}"
      option:dropdown-search:local-search-selector=".entity-list-item"
->
+     class="dropdown-search">
     <div class="dropdown-search-toggle-breadcrumb" refs="dropdown@toggle"
          aria-haspopup="true" aria-expanded="false" tabindex="0">
         <div class="separator">@icon('chevron-right')</div>