Blocks: Unselect the first block properly

- The disalbed state caused a focus jump. Big props to @aduth
WordPress · May 12, 2017 · 6b7b163 · 6b7b163
1 parent 0006673
commit 6b7b163
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/editor/block-mover/index.js b/editor/block-mover/index.js
@@ -21,13 +21,13 @@ function BlockMover( { onMoveUp, onMoveDown, isFirst, isLast } ) {
 				className="editor-block-mover__control"
 				onClick={ onMoveUp }
 				icon="arrow-up-alt2"
-				disabled={ isFirst }
+				aria-disabled={ isFirst }
 			/>
 			<IconButton
 				className="editor-block-mover__control"
 				onClick={ onMoveDown }
 				icon="arrow-down-alt2"
-				disabled={ isLast }
+				aria-disabled={ isLast }
 			/>
 		</div>
 	);

diff --git a/editor/block-mover/style.scss b/editor/block-mover/style.scss
@@ -19,9 +19,10 @@
 		color: $dark-gray-900;
 	}
 
-	&[disabled] {
+	&[aria-disabled="true"] {
 		cursor: default;
 		color: $light-gray-300;
+		pointer-events: none;
 	}
 
 	.dashicon {