Skip to content

UI: Revert @chakra-ui/react bump that broke modal dismissal#67646

Merged
pierrejeambrun merged 1 commit into
apache:mainfrom
astronomer:test/revert-chakra-bump-66225
May 28, 2026
Merged

UI: Revert @chakra-ui/react bump that broke modal dismissal#67646
pierrejeambrun merged 1 commit into
apache:mainfrom
astronomer:test/revert-chakra-bump-66225

Conversation

@pierrejeambrun
Copy link
Copy Markdown
Member

@pierrejeambrun pierrejeambrun commented May 28, 2026

Symptom

Open a Clear or Mark-as-success/failed dialog on a Dag Run or task
instance, close it without confirming, and the page becomes
unresponsive — only scroll works. Only a hard refresh recovers.

Root cause

#66225 (May 5, 2026) bumped @chakra-ui/react 3.34.0 → 3.35.0,
which pulled in @ark-ui/react 5.34.1 → 5.36.2. From the Ark
5.36.0 release notes (2026-04-10):

Dialog / Drawer: Avoid setting inline pointer-events when
modal, letting the dismissable layer manage it.

That pattern was accidentally safe with the old Ark for ~14 months;
the bump is what flipped it from working to broken.

Follow-up

The conditional-mount pattern is the actual fragile part — rewriting
those sites to always-render the dialog (and gate any expensive
dry-run queries with enabled: open) would let us pick up Chakra
3.35+ safely.

Was generative AI tooling used to co-author this PR?
  • Yes — Claude Code (Opus 4.7)

Generated-by: Claude Code (Opus 4.7) following the guidelines

@boring-cyborg boring-cyborg Bot added the area:UI Related to UI/UX. For Frontend Developers. label May 28, 2026
@pierrejeambrun pierrejeambrun force-pushed the test/revert-chakra-bump-66225 branch from b2adc29 to 91008c8 Compare May 28, 2026 13:41
@pierrejeambrun pierrejeambrun changed the title UI: Cap @chakra-ui/react at 3.34 to keep modal dialogs responsive UI: Revert @chakra-ui/react bump that broke modal dismissal May 28, 2026
@pierrejeambrun pierrejeambrun marked this pull request as ready for review May 28, 2026 13:45
apache#66225 bumped ``@chakra-ui/react`` from 3.34 to 3.35, which pulled in
``@ark-ui/react`` 5.34.1 → 5.36.2. The Ark 5.36 release notes flag:

> Dialog / Drawer: Avoid setting inline ``pointer-events`` when modal,
> letting the dismissable layer manage it.

Before 5.36 the lock was an inline style on the dialog DOM, so it
disappeared on unmount. After 5.36 the dismissable layer owns it and
only releases it on close-transition completion. Several Clear /
Mark-as buttons in this codebase mount their dialog conditionally
(``{open ? <Dialog/> : undefined}``), which yanks the component out
before the transition fires — the ``pointer-events: none`` overlay is
left on ``document`` and the page refuses every click (scroll still
works) until refresh.

Revert the bump on its own; add a section to ``CONTRIBUTING.md`` so
the next contributor trying to bump knows to rewrite the
conditional-mount sites first.
@pierrejeambrun
Copy link
Copy Markdown
Member Author

Mergin, unrelated CI failure (shell script pre-commit hook)

@pierrejeambrun pierrejeambrun merged commit a842344 into apache:main May 28, 2026
80 of 81 checks passed
@pierrejeambrun pierrejeambrun deleted the test/revert-chakra-bump-66225 branch May 28, 2026 15:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants