Chrome: Fix Post Visibility Z-index

Also adds an aria-label to the excerpt
WordPress · May 23, 2017 · 061937f · 061937f
1 parent c251345
commit 061937f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/editor/assets/stylesheets/_z-index.scss b/editor/assets/stylesheets/_z-index.scss
@@ -7,6 +7,7 @@ $z-layers: (
 	'.editor-visual-editor__block {core/image aligned left or right}': 10,
 	'.editor-visual-editor__block-controls': 1,
 	'.editor-header': 20,
+	'.editor-post-visibility__dialog': 30,
 );
 
 @function z-index( $key ) {

diff --git a/editor/sidebar/post-excerpt/index.js b/editor/sidebar/post-excerpt/index.js
@@ -26,6 +26,7 @@ function PostExcerpt( { excerpt, onUpdateExcerpt } ) {
 				onChange={ onChange }
 				value={ excerpt }
 				placeholder={ __( 'Write an excerpt (optional)' ) }
+				aria-label={ __( 'Excerpt' ) }
 			/>
 			<a href="https://codex.wordpress.org/Excerpt" target="_blank">
 				{ __( 'Learn more about manual excerpts' ) }

diff --git a/editor/sidebar/post-visibility/style.scss b/editor/sidebar/post-visibility/style.scss
@@ -29,6 +29,7 @@
 	background: $white;
 	padding: 10px;
 	min-width: 240px;
+	z-index: z-index( '.editor-post-visibility__dialog' );
 }
 
 .editor-post-visibility__dialog-arrow {