Dialog flickering when contains a large amount of elements and uses animation keyframes without a destination

[mosquitochang]

Bug report

Current Behavior

When opening Dialog, it flickers if these two conditions are both fulfilled:

1. It contains a large amount of elements
2. It uses animation keyframes without a destination (e.g. to or 100%)

https://github.com/radix-ui/primitives/assets/11325684/5e664f13-8733-47f3-9d63-09bb406113c9

Expected behavior

No flickering when opening Dialog.

Reproducible example

Stackblitz

Suggested solution

Additional context

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-dialog	1.0.5
React	n/a	18.2.0
Browser	Edge	119.0.2151.46
Assistive tech
Node	n/a
npm/yarn
Operating System	macOS	12.4