23ami opened a new issue, #43897: URL: https://github.com/apache/superset/issues/43897
### Bug description ### Bug description The **Date Range / Time Range filter calendar popup is clipped/partially cut off** when using Apache Superset 6.1.0 at **100% browser zoom**. When the browser zoom is changed to **75%**, the calendar popup is displayed correctly and the complete calendar becomes visible. This appears to be a frontend UI/layout issue, potentially related to the **Ant Design DatePicker/RangePicker popup positioning, popup container, or an `overflow` constraint** in the native filter layout. ### Screenshots / recordings I will attach screenshots showing: 1. Date Range filter at 100% browser zoom where the calendar is clipped. 2. The same filter at 75% browser zoom where the calendar is displayed correctly. ### Environment * Apache Superset: **6.1.0** * Ant Design: **5.26.0** * Browser: **Google Chrome** * Deployment: **Docker / Kubernetes** * Superset frontend: Default/native Date Range filter ### Steps to reproduce 1. Open a dashboard containing a native **Date Range / Time Range** filter. 2. Keep the browser zoom at **100%**. 3. Open the Date Range filter. 4. Observe that the calendar/date picker popup is partially clipped or overflows from the available area. 5. Change browser zoom to **75%**. 6. Open the Date Range filter again. 7. Observe that the calendar is now displayed correctly. ### Expected behavior The complete Date Range calendar should be visible and correctly positioned at the default **100% browser zoom**. The user should not need to reduce browser zoom to use the date picker. ### Actual behavior At 100% browser zoom, part of the calendar/date picker is clipped or positioned outside the available area. At 75% browser zoom, the calendar becomes fully visible. ### Additional context We have more than 100 dashboards using the native Date Range/Time Range filter, so modifying individual dashboards is not a practical workaround. We believe this should ideally be fixed in the common Superset frontend DateFilterControl/DatePicker implementation so that the fix applies globally to dashboards using the native filter. We have access to the Superset source code and can build a custom Superset image if a frontend source-code fix is required. Could this be related to: * Ant Design DatePicker/RangePicker popup positioning? * `getPopupContainer` / popup mounting? * `overflow: hidden/auto` on a parent container? * Native filter sidebar/container dimensions? * Browser viewport/zoom-dependent popup placement? ### Version information **Superset:** 6.1.0 **Ant Design:** 5.26.0 **Browser:** Chrome ### Additional information The issue appears to be reproducible consistently at 100% browser zoom and disappears when browser zoom is reduced to 75%. I have not found an existing GitHub issue describing this exact behavior. If required, I can provide: * Browser DevTools DOM/CSS information * Console logs * Screenshots * Screen recording * A minimal reproduction * A proposed frontend patch ### Screenshots/recordings _No response_ ### Superset version 6.1.0 ### Python version 3.11 ### Node version 18 or greater ### Browser Chrome ### Additional context _No response_ ### Checklist - [ ] I have searched Superset docs and Slack and didn't find a solution to my problem. - [ ] I have searched the GitHub issue tracker and didn't find a similar bug report. - [ ] I have checked Superset's logs for errors and if I found a relevant Python stacktrace, I included it here as text in the "additional context" section. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
