Breadcrumbs: Fixed bad dropdown menu placement at small sizes

For #4824

Author: ssddanbrown

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;

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>