(superset) branch master updated: fix(table): restore dropdown arrow visibility on paginated table page… (#39305)

[ru...@apache.org]

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

rusackas pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/master by this push:
     new 9c3c8dcc0bf fix(table): restore dropdown arrow visibility on paginated table page… (#39305)
9c3c8dcc0bf is described below

commit 9c3c8dcc0bfbf40b43fb28e8db62c7d0f7883f35
Author: Jean Massucatto <ma...@gmail.com>
AuthorDate: Thu Apr 30 09:56:51 2026 -0300

    fix(table): restore dropdown arrow visibility on paginated table page… (#39305)
---
 .../plugins/plugin-chart-table/src/Styles.tsx         |  5 +++++
 .../plugin-chart-table/test/TableChart.test.tsx       | 19 +++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx b/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx
index baa54df0198..19a037b0190 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx
@@ -98,6 +98,11 @@ export default styled.div`
       background-color: ${theme.colorBgLayout};
     }
 
+    .dt-select-page-size .ant-select .ant-select-arrow {
+      color: ${theme.colorTextQuaternary};
+      z-index: 11;
+    }
+
     /* Controls and metrics */
     .dt-controls {
       padding-bottom: 0.65em;
diff --git a/superset-frontend/plugins/plugin-chart-table/test/TableChart.test.tsx b/superset-frontend/plugins/plugin-chart-table/test/TableChart.test.tsx
index a043c67b39f..103e5e61a64 100644
--- a/superset-frontend/plugins/plugin-chart-table/test/TableChart.test.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/test/TableChart.test.tsx
@@ -1937,6 +1937,25 @@ describe('plugin-chart-table', () => {
         expect(clearCall![0].extraFormData.filters).toEqual([]);
       });
 
+      test('page size selector arrow stays above resize handles (#39305)', () => {
+        // .resize-handle elements in dashboard ResizableContainer sit at
+        // z-index: 10 — the page size arrow must stack above them or it
+        // gets covered on dashboard charts.
+        const { container } = render(
+          ProviderWrapper({
+            children: (
+              <TableChart {...transformProps(testData.basic)} sticky={false} />
+            ),
+          }),
+        );
+
+        const arrow = container.querySelector(
+          '.dt-select-page-size .ant-select .ant-select-arrow',
+        );
+        expect(arrow).not.toBeNull();
+        expect(getComputedStyle(arrow as HTMLElement).zIndex).toBe('11');
+      });
+
       test('recalculates totals when user filters data', async () => {
         const formDataWithTotals = {
           ...testData.basic.formData,