fix: animation timing and layout shifting #902
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Before (layout shifts even with caching):
After (almost no layout shift):
![Export-1714745230656](https://private-user-images.githubusercontent.com/19825455/327780342-15fb0086-9598-43a4-8fe9-6818f83dd832.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3NjkwMzYsIm5iZiI6MTcyMTc2ODczNiwicGF0aCI6Ii8xOTgyNTQ1NS8zMjc3ODAzNDItMTVmYjAwODYtOTU5OC00M2E0LThmZTktNjgxOGY4M2RkODMyLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDIxMDUzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQxY2QzOTFlZTc1M2I2MjZjMzAzMzRkYTQ2YmYxY2U5YmM0NTY0OTNlY2FmYzI4ZmZiMmNjNjRkNjVjYjU1NWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.yM1Tf_OuqfBFzx7KyM6qy7R6krxfyhkOq8tlPb_xeEA)
Next steps: