From d35728497277a8c6a2e7a53469a9dd6715581739 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Thu, 27 May 2021 10:28:00 +0200
Subject: [PATCH 1/2] Try: Remove opacity animation on canvas.

---
 packages/edit-post/src/components/visual-editor/index.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/edit-post/src/components/visual-editor/index.js b/packages/edit-post/src/components/visual-editor/index.js
index 8f25b84a917de..f5e63f2ff0252 100644
--- a/packages/edit-post/src/components/visual-editor/index.js
+++ b/packages/edit-post/src/components/visual-editor/index.js
@@ -220,8 +220,6 @@ export default function VisualEditor( { styles } ) {
 							<AnimatePresence>
 								<motion.div
 									key={ isTemplateMode ? 'template' : 'post' }
-									initial={ { opacity: 0 } }
-									animate={ { opacity: 1 } }
 								>
 									<WritingFlow>
 										{ ! isTemplateMode && (

From b79baa6e77e9892e3a899a367a3aaf9c636f15e5 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Thu, 27 May 2021 12:02:25 +0200
Subject: [PATCH 2/2] Remove divs.

---
 .../src/components/visual-editor/index.js     | 52 ++++++++-----------
 1 file changed, 23 insertions(+), 29 deletions(-)

diff --git a/packages/edit-post/src/components/visual-editor/index.js b/packages/edit-post/src/components/visual-editor/index.js
index f5e63f2ff0252..e7fd72736bc8b 100644
--- a/packages/edit-post/src/components/visual-editor/index.js
+++ b/packages/edit-post/src/components/visual-editor/index.js
@@ -2,7 +2,7 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { motion, AnimatePresence } from 'framer-motion';
+import { motion } from 'framer-motion';
 
 /**
  * WordPress dependencies
@@ -217,34 +217,28 @@ export default function VisualEditor( { styles } ) {
 									layout={ defaultLayout }
 								/>
 							) }
-							<AnimatePresence>
-								<motion.div
-									key={ isTemplateMode ? 'template' : 'post' }
-								>
-									<WritingFlow>
-										{ ! isTemplateMode && (
-											<div className="edit-post-visual-editor__post-title-wrapper">
-												<PostTitle />
-											</div>
-										) }
-										<RecursionProvider>
-											<BlockList
-												__experimentalLayout={
-													themeSupportsLayout
-														? {
-																type: 'default',
-																// Find a way to inject this in the support flag code (hooks).
-																alignments: themeSupportsLayout
-																	? alignments
-																	: undefined,
-														  }
-														: undefined
-												}
-											/>
-										</RecursionProvider>
-									</WritingFlow>
-								</motion.div>
-							</AnimatePresence>
+							<WritingFlow>
+								{ ! isTemplateMode && (
+									<div className="edit-post-visual-editor__post-title-wrapper">
+										<PostTitle />
+									</div>
+								) }
+								<RecursionProvider>
+									<BlockList
+										__experimentalLayout={
+											themeSupportsLayout
+												? {
+														type: 'default',
+														// Find a way to inject this in the support flag code (hooks).
+														alignments: themeSupportsLayout
+															? alignments
+															: undefined,
+												  }
+												: undefined
+										}
+									/>
+								</RecursionProvider>
+							</WritingFlow>
 						</MaybeIframe>
 					</motion.div>
 				</motion.div>