Removed dead code from EditorApp.css

Author: Zaydek Michels-Gualtieri

src/Editor/Editor.js

@@ -305,10 +305,10 @@ const Editor = ({ id, className, style, state, dispatch, children }) => {
 				// TODO
 			}}
 
-			onCopy={e => {
-				e.preventDefault()
-				// TODO
-			}}
+			// onCopy={e => {
+			// 	e.preventDefault()
+			// 	// TODO
+			// }}
 
 			onPaste={e => {
 				e.preventDefault()
@@ -317,7 +317,6 @@ const Editor = ({ id, className, style, state, dispatch, children }) => {
 
 			onDragStart={e => {
 				e.preventDefault()
-				// TODO
 			}}
 
 			contentEditable={state.mounted}

src/EditorApp/EditorApp.css

@@ -1,12 +1,21 @@
-/* [data-root="true"][contenteditable="true"] [data-type="p"][data-feature-empty], */
-/* [data-root="true"][contenteditable="false"] [data-type="p"][data-feature-empty] { */
-/* 	transition-property: line-height; */
-/* 	transition-duration: 200ms; */
-/* 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); */
+/* [data-root="true"] { */
+/* 	transform: translateZ(0); */
 /* } */
 
-/* TODO: Add support for obscuring repeat empty elements in
-CSS or JS? */
+[data-root="true"][contenteditable="true"] [data-type="p"][data-feature-empty],
+[data-root="true"][contenteditable="false"] [data-type="p"][data-feature-empty] {
+	transition-property: line-height;
+	transition-duration: 500ms;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+[data-root="true"][contenteditable="false"] [data-type="p"][data-feature-empty]:first-child {
+	line-height: 0;
+	user-select: none;
+}
 [data-root="true"][contenteditable="false"] [data-type="p"][data-feature-empty] {
 	line-height: 1;
 }
+[data-root="true"][contenteditable="false"] [data-type="p"][data-feature-empty] + [data-type="p"][data-feature-empty] {
+	line-height: 0;
+	user-select: none;
+}