After the permalink is saved, focus on the new permalink.

WordPress · Mar 27, 2018 · 6991336 · 6991336
1 parent 74b5ad8
commit 6991336
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/editor/components/post-permalink/index.js b/editor/components/post-permalink/index.js
@@ -28,6 +28,16 @@ class PostPermalink extends Component {
 		};
 	}
 
+	componentDidUpdate( prevProps, prevState ) {
+		// If we've just stopped editing the permalink, focus on the new permalink.
+		if ( prevState.editingPermalink && ! this.state.editingPermalink ) {
+			const permalinkButton = document.querySelector( '.editor-post-permalink__link' );
+			if ( permalinkButton ) {
+				permalinkButton.focus();
+			}
+		}
+	}
+
 	render() {
 		const { isNew, previewLink, isEditable, samplePermalink } = this.props;
 		const { iconClass, editingPermalink } = this.state;