File block: Make the editor markup match the frontend (#30148)

WordPress · Mar 23, 2021 · e901d0a · e901d0a
1 parent 126baf0
commit e901d0a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 17 deletions.
diff --git a/packages/block-library/src/file/edit.js b/packages/block-library/src/file/edit.js
@@ -196,17 +196,17 @@ function FileEdit( { attributes, setAttributes, noticeUI, noticeOperations } ) {
 			</BlockControls>
 			<div { ...blockProps }>
 				<div className={ 'wp-block-file__content-wrapper' }>
-					<div className="wp-block-file__textlink">
-						<RichText
-							tagName="div" // must be block-level or else cursor disappears
-							value={ fileName }
-							placeholder={ __( 'Write file name…' ) }
-							withoutInteractiveFormatting
-							onChange={ ( text ) =>
-								setAttributes( { fileName: text } )
-							}
-						/>
-					</div>
+					<RichText
+						style={ { display: 'inline-block' } }
+						tagName="a" // must be block-level or else cursor disappears
+						value={ fileName }
+						placeholder={ __( 'Write file name…' ) }
+						withoutInteractiveFormatting
+						onChange={ ( text ) =>
+							setAttributes( { fileName: text } )
+						}
+						href={ textLinkHref }
+					/>
 					{ showDownloadButton && (
 						<div
 							className={

diff --git a/packages/block-library/src/file/editor.scss b/packages/block-library/src/file/editor.scss
@@ -8,13 +8,8 @@
 		flex-grow: 1;
 	}
 
-	.wp-block-file__textlink {
-		display: inline-block;
+	a {
 		min-width: 1em;
-
-		&:focus {
-			box-shadow: none;
-		}
 	}
 
 	.wp-block-file__button-richtext-wrapper {