From e901d0a94853488a0f0ff2d653cdb16350beefe6 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Tue, 23 Mar 2021 18:01:53 +0100
Subject: [PATCH] File block: Make the editor markup match the frontend
 (#30148)

---
 packages/block-library/src/file/edit.js     | 22 ++++++++++-----------
 packages/block-library/src/file/editor.scss |  7 +------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/packages/block-library/src/file/edit.js b/packages/block-library/src/file/edit.js
index 57b3482e310a0e..766de08b989909 100644
--- 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
index ad7027ee663db7..8dffab4333fbfa 100644
--- 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 {