Skip to content

Commit 44a954d

Browse files
fix(emcn): stop calendar content bleeding through the modal backdrop (#5311)
* fix(emcn): promote modal overlay + content wrapper to own compositing layers The backdrop-blur overlay did not reliably paint above page content the browser had GPU-promoted (position: sticky headers and z-indexed absolutes inside a scroll container, e.g. the scheduled-tasks calendar), so those composited layers bled through the overlay despite its higher z-index. Force the overlay and the content wrapper onto their own compositing layers via translateZ(0) so the compositor honors stacking order. Inherent since the calendar shipped (#4979), not a refactor regression. * Revert "fix(emcn): promote modal overlay + content wrapper to own compositing layers" This reverts commit 52145ed. * fix(ui): import calendar icon not calendar widget from emcn * fix(ui): fix calendar icon emcn mismatch --------- Co-authored-by: Theodore Li <theo@sim.ai>
1 parent 2c38e63 commit 44a954d

3 files changed

Lines changed: 3 additions & 3 deletions

File tree

apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-delete-dialog/task-delete-dialog.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
'use client'
22

33
import {
4-
Calendar,
54
ChipConfirmModal,
65
ChipModal,
76
ChipModalBody,
87
ChipModalFooter,
98
ChipModalHeader,
109
} from '@sim/emcn'
10+
import { Calendar } from '@sim/emcn/icons'
1111
import type { ScheduledTask } from '@/app/workspace/[workspaceId]/scheduled-tasks/utils/schedule-events'
1212

1313
interface TaskDeleteDialogProps {

apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
'use client'
22
import {
3-
Calendar,
43
ChipModal,
54
ChipModalBody,
65
ChipModalField,
@@ -9,6 +8,7 @@ import {
98
chipFieldSurfaceClass,
109
cn,
1110
} from '@sim/emcn'
11+
import { Calendar } from '@sim/emcn/icons'
1212
import { format } from 'date-fns'
1313
import { useParams } from 'next/navigation'
1414
import {

apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/task-modal.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22

33
import { useEffect, useRef, useState } from 'react'
44
import {
5-
Calendar,
65
ChipDatePicker,
76
ChipModal,
87
ChipModalFooter,
@@ -11,6 +10,7 @@ import {
1110
ChipModalPromptBody,
1211
ChipTimePicker,
1312
} from '@sim/emcn'
13+
import { Calendar } from '@sim/emcn/icons'
1414
import { format } from 'date-fns'
1515
import { useParams } from 'next/navigation'
1616
import { wallClockNow, zonedWallClockToUtc } from '@/lib/core/utils/timezone'

0 commit comments

Comments
 (0)