From aaeaa4f65864721d13dd9bfdf8cab6039b20cd40 Mon Sep 17 00:00:00 2001
From: mguschin <gn.mikle@gmail.com>
Date: Tue, 10 Mar 2026 15:57:43 +0300
Subject: [PATCH] Fix product page dropdown clipped by table-responsive
 overflow

Set overflow: visible on table-responsive and use data-bs-strategy="fixed"
so the filter dropdown renders outside the scroll container.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/templates/catalog_products.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/templates/catalog_products.html b/web/templates/catalog_products.html
index f3c67ff..b8dc34d 100644
--- a/web/templates/catalog_products.html
+++ b/web/templates/catalog_products.html
@@ -30,7 +30,7 @@
     <p>Товары не найдены.</p>
 </div>
 {% else %}
-<div class="table-responsive">
+<div class="table-responsive" style="overflow: visible;">
     <table class="table table-striped table-hover align-middle small">
         <thead class="table-light">
             <tr>
@@ -73,7 +73,7 @@
                 </td>
                 <td>
                     <div class="dropdown">
-                        <button class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" data-bs-boundary="document" data-bs-display="dynamic" data-bs-strategy="fixed">
+                        <button class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" data-bs-strategy="fixed">
                             <i class="bi bi-funnel"></i>
                         </button>
                         <ul class="dropdown-menu dropdown-menu-end">