jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: fix calendar self-close

Browse source
This commit is contained in:
nick-delirium 2025-03-13 13:08:40 +01:00
parent bd2a59266d
commit 1cca40d4c5
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/app/components/Dashboard/components/WidgetDateRange/WidgetDateRange.tsx
View file

@ -15,7 +15,6 @@ function WidgetDateRange({
hasComparison = false,
presetComparison = null,
}: any) {
const { t } = useTranslation();
const { dashboardStore, metricStore } = useStore();
const density = dashboardStore.selectedDensity;
const onDensityChange = (density: number) => {

14
frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx
View file

@ -219,6 +219,7 @@ function AndDateRange({
onApplyDateRange,
isTileDisabled,
}: Props) {
const customRangeRef = React.useRef(null);
const { t } = useTranslation();
const menuProps = {
items: options.map((opt: any) => ({
@ -280,22 +281,31 @@ function AndDateRange({
{isCustom && (
<OutsideClickDetectingDiv
onClickOutside={(e: any) => {
if (customRangeRef.current && customRangeRef.current.contains(e.target)) {
return false;
}
if (
e.target.className.includes('react-calendar') ||
e.target.className.includes('ant-picker')
) {
return false;
}
if (
e.target.parentElement.parentElement.classList.contains(
'rc-time-picker-panel-select',
) ||
e.target.parentElement.parentElement.classList[0]?.includes(
'-menu',
) ||
e.target.className.includes('ant-picker')
e.target.parentElement.className.includes('react-calendar')
) {
return false;
return false
}
setIsCustom(false);
}}
>
<div
ref={customRangeRef}
className={cn(
'absolute top-0 mt-10 z-40',
right ? 'right-0' : 'left-0',