Kunal8954 commented on issue #43897:
URL: https://github.com/apache/superset/issues/43897#issuecomment-5550001833
Had a dig through the source — I think the zoom dependence is a side effect
of the horizontal filter bar's overflow dropdown rather than the picker
itself.
At narrower widths the Date Range filter gets pushed into the "More filters"
dropdown. Filters rendered there get overflow={true}, which reaches
DateFilterLabel as isOverflowingFilterBar, and getPopupContainer then mounts
the calendar into nodeTrigger.parentNode instead of document.body:
DateFilterControl/DateFilterLabel.tsx L371.
That dropdown is capped — DropdownContainer.tsx L362-368 sets
maxHeight: 500px with overflow: showOverflow ? 'auto' : 'visible', and
showOverflow flips true once the dropdown content exceeds 500px (L291). So
the calendar gets clipped by that box. At 75% zoom the filter fits in the
bar,
never enters the dropdown, and the popup goes to document.body — which is why
it looks fine there.
The comment on L288-290 already notes popovers get "restrained by the
overflow property", so this looks like the same hazard resurfacing for the
date picker.
One thing decides the fix though — @23ami is your filter bar horizontal or
vertical? The path above only exists in horizontal mode; vertical never sets
isOverflowingFilterBar, so the popup already goes to document.body and
something else would be clipping it.
--
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]
