(superset) branch enxdev/feat/filter-bar-overflow-edge-fix created (now c3fadb824b4)

[en...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

EnxDev pushed a change to branch enxdev/feat/filter-bar-overflow-edge-fix
in repository https://gitbox.apache.org/repos/asf/superset.git


      at c3fadb824b4 fix(filters): clamp dropdown row width while remeasuring after items change

This branch includes the following new commits:

     new c3fadb824b4 fix(filters): clamp dropdown row width while remeasuring after items change

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.

(superset) 01/01: fix(filters): clamp dropdown row width while remeasuring after items change

[en...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

EnxDev pushed a commit to branch enxdev/feat/filter-bar-overflow-edge-fix
in repository https://gitbox.apache.org/repos/asf/superset.git

commit c3fadb824b47d98a3e2bf06746a6dc153df7a035
Author: Enzo Martellucci <en...@gmail.com>
AuthorDate: Mon Sep 7 15:55:18 2026 +0200

    fix(filters): clamp dropdown row width while remeasuring after items change
    
    Adding a cross-filter chip while enough native filters already trigger
    the "More filters" overflow briefly remounts all items to measure
    their widths. In some browsers (Microsoft Edge) the intermediate frame
    can paint before the recalculation collapses back down, letting the
    row grow past its allotted space and push native filters and the
    "More filters" trigger out of view.
    
    Clamp the row to its last known width while remeasuring so that
    transient frame, if painted, stays visually bounded instead of
    overflowing the bar.
    
    Co-Authored-By: Claude Sonnet 5 <no...@anthropic.com>
---
 .../components/DropdownContainer/DropdownContainer.tsx    | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.tsx b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.tsx
index 23ab754d945..d98966694c7 100644
--- a/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.tsx
@@ -328,6 +328,21 @@ export const DropdownContainer = forwardRef(
             gap: ${theme.sizeUnit * 4}px;
             margin-right: ${theme.sizeUnit * 4}px;
             min-width: 0px;
+            /* While remeasuring after an items count change, all items are
+             * briefly mounted to measure their widths (see the layout effect
+             * below). Some browsers (e.g. Microsoft Edge) can paint that
+             * transient frame before the recalculation collapses back down,
+             * which would otherwise let this row grow past the space this
+             * component was allotted and push the dropdown trigger out of
+             * view. Clamping to the last known width keeps that frame, if
+             * painted, visually bounded instead of overflowing the bar. */
+            ${
+              recalculating &&
+              css`
+                max-width: ${width}px;
+                overflow: hidden;
+              `
+            }
           `}
           data-test="container"
           style={style}