fix: Wrong positioning of filter tooltips on scroll (#24617)

This commit is contained in:
Michael S. Molina 2023-07-07 15:33:39 -03:00 committed by GitHub
parent d74d7eca23
commit c53b249998
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 2 deletions

View File

@ -204,6 +204,7 @@ const DescriptionToolTip = ({ description }: { description: string }) => (
WebkitBoxOrient: 'vertical', WebkitBoxOrient: 'vertical',
textOverflow: 'ellipsis', textOverflow: 'ellipsis',
}} }}
getPopupContainer={trigger => trigger.parentElement as HTMLElement}
> >
<i <i
className="fa fa-info-circle text-muted" className="fa fa-info-circle text-muted"

View File

@ -365,7 +365,11 @@ export default function DateFilterLabel(props: DateFilterControlProps) {
} }
destroyTooltipOnHide destroyTooltipOnHide
> >
<Tooltip placement="top" title={tooltipTitle}> <Tooltip
placement="top"
title={tooltipTitle}
getPopupContainer={trigger => trigger.parentElement as HTMLElement}
>
<DateLabel <DateLabel
label={actualTimeRange} label={actualTimeRange}
isActive={show} isActive={show}
@ -379,7 +383,11 @@ export default function DateFilterLabel(props: DateFilterControlProps) {
const modalContent = ( const modalContent = (
<> <>
<Tooltip placement="top" title={tooltipTitle}> <Tooltip
placement="top"
title={tooltipTitle}
getPopupContainer={trigger => trigger.parentElement as HTMLElement}
>
<DateLabel <DateLabel
onClick={toggleOverlay} onClick={toggleOverlay}
label={actualTimeRange} label={actualTimeRange}