From 01df91a12efbfdbbde56fa75d5e1072e650c0a29 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 2 Aug 2024 18:04:31 +0300
Subject: [PATCH 1/5] Editor: Refactor PostTextEditor to use TextareaControl

---
 .../src/components/post-text-editor/index.js       | 14 +++++---------
 .../src/components/post-text-editor/style.scss     |  4 +++-
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/editor/src/components/post-text-editor/index.js b/packages/editor/src/components/post-text-editor/index.js
index c3dc61a0b4a2ef..edc0a405396d30 100644
--- a/packages/editor/src/components/post-text-editor/index.js
+++ b/packages/editor/src/components/post-text-editor/index.js
@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import Textarea from 'react-autosize-textarea';
-
 /**
  * WordPress dependencies
  */
@@ -12,7 +7,7 @@ import { useMemo } from '@wordpress/element';
 import { __unstableSerializeAndClean } from '@wordpress/blocks';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { useInstanceId } from '@wordpress/compose';
-import { VisuallyHidden } from '@wordpress/components';
+import { TextareaControl, VisuallyHidden } from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -62,13 +57,13 @@ export default function PostTextEditor() {
 			>
 				{ __( 'Type text or HTML' ) }
 			</VisuallyHidden>
-			<Textarea
+			<TextareaControl
 				autoComplete="off"
 				dir="auto"
 				value={ value }
-				onChange={ ( event ) => {
+				onChange={ ( newContent ) => {
 					editEntityRecord( 'postType', type, id, {
-						content: event.target.value,
+						content: newContent,
 						blocks: undefined,
 						selection: undefined,
 					} );
@@ -76,6 +71,7 @@ export default function PostTextEditor() {
 				className="editor-post-text-editor"
 				id={ `post-content-${ instanceId }` }
 				placeholder={ __( 'Start writing with text or HTML' ) }
+				__nextHasNoMarginBottom
 			/>
 		</>
 	);
diff --git a/packages/editor/src/components/post-text-editor/style.scss b/packages/editor/src/components/post-text-editor/style.scss
index f3b9b65007df75..a592d37e84ee1a 100644
--- a/packages/editor/src/components/post-text-editor/style.scss
+++ b/packages/editor/src/components/post-text-editor/style.scss
@@ -1,4 +1,4 @@
-textarea.editor-post-text-editor {
+.editor-post-text-editor textarea {
 	border: $border-width solid $gray-600;
 	border-radius: 0;
 	display: block;
@@ -6,6 +6,8 @@ textarea.editor-post-text-editor {
 	width: 100%;
 	box-shadow: none;
 	resize: none;
+	/* stylelint-disable-next-line property-no-unknown -- TODO: Update stylelint to support a fresh list of https://github.com/known-css/known-css-properties */
+	field-sizing: content;
 	overflow: hidden;
 	font-family: $editor-html-font;
 	line-height: 2.4;

From ca6b1a7be3107ef631d9920428311a951e571400 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 2 Aug 2024 18:06:56 +0300
Subject: [PATCH 2/5] Block Editor: Refactor PlainText to use TextareaControl

---
 .../src/components/plain-text/content.scss    | 20 +++++++++++++++++--
 .../src/components/plain-text/index.js        |  8 ++++----
 .../components/plain-text/style.native.scss   |  2 +-
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/packages/block-editor/src/components/plain-text/content.scss b/packages/block-editor/src/components/plain-text/content.scss
index 0a070ac91e9e9c..444129a71530fc 100644
--- a/packages/block-editor/src/components/plain-text/content.scss
+++ b/packages/block-editor/src/components/plain-text/content.scss
@@ -1,11 +1,27 @@
-.block-editor-plain-text {
+.block-library-html__edit .block-editor-plain-text.components-base-control {
+	padding: 0 !important;
+}
+
+.block-editor-plain-text textarea {
 	box-shadow: none;
 	font-family: inherit;
 	font-size: inherit;
 	color: inherit;
 	line-height: inherit;
 	border: none;
-	padding: 0;
+	padding: 12px;
 	margin: 0;
 	width: 100%;
+	max-height: 248px; // 250, minus the top and bottom border (1px each)
+	/* stylelint-disable-next-line property-no-unknown -- TODO: Update stylelint to support a fresh list of https://github.com/known-css/known-css-properties */
+	field-sizing: content;
+
+	&:focus {
+		border-color: var(--wp-admin-theme-color);
+		box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+
+		// Elevate the z-index on focus so the focus style is uncropped.
+		position: relative;
+	}
+
 }
diff --git a/packages/block-editor/src/components/plain-text/index.js b/packages/block-editor/src/components/plain-text/index.js
index 4bd6681f4eb079..c624397848ed8f 100644
--- a/packages/block-editor/src/components/plain-text/index.js
+++ b/packages/block-editor/src/components/plain-text/index.js
@@ -1,12 +1,12 @@
 /**
  * External dependencies
  */
-import TextareaAutosize from 'react-autosize-textarea';
 import clsx from 'clsx';
 
 /**
  * WordPress dependencies
  */
+import { TextareaControl } from '@wordpress/components';
 import { forwardRef } from '@wordpress/element';
 
 /**
@@ -22,13 +22,13 @@ const PlainText = forwardRef( ( { __experimentalVersion, ...props }, ref ) => {
 		return <EditableText ref={ ref } { ...props } />;
 	}
 
-	const { className, onChange, ...remainingProps } = props;
+	const { className, ...remainingProps } = props;
 
 	return (
-		<TextareaAutosize
+		<TextareaControl
 			ref={ ref }
 			className={ clsx( 'block-editor-plain-text', className ) }
-			onChange={ ( event ) => onChange( event.target.value ) }
+			__nextHasNoMarginBottom
 			{ ...remainingProps }
 		/>
 	);
diff --git a/packages/block-editor/src/components/plain-text/style.native.scss b/packages/block-editor/src/components/plain-text/style.native.scss
index 5a9dcaa7445b1f..5f0386f97b3810 100644
--- a/packages/block-editor/src/components/plain-text/style.native.scss
+++ b/packages/block-editor/src/components/plain-text/style.native.scss
@@ -1,5 +1,5 @@
 
-.block-editor-plain-text {
+.block-editor-plain-text textarea {
 	font-family: $default-regular-font;
 	box-shadow: none;
 

From a5df9148a39d8a815b51c19a1f9b831c9afb4c4a Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 2 Aug 2024 18:07:37 +0300
Subject: [PATCH 3/5] Block Editor: Refactor BlockHTML to use TextareaControl

---
 .../src/components/block-list/block-html.js           | 11 ++++-------
 .../src/components/block-list/content.scss            |  4 +++-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/block-editor/src/components/block-list/block-html.js b/packages/block-editor/src/components/block-list/block-html.js
index 5d9e7bfeb7bf77..9c49841df4218b 100644
--- a/packages/block-editor/src/components/block-list/block-html.js
+++ b/packages/block-editor/src/components/block-list/block-html.js
@@ -1,11 +1,7 @@
-/**
- * External dependencies
- */
-import TextareaAutosize from 'react-autosize-textarea';
-
 /**
  * WordPress dependencies
  */
+import { TextareaControl } from '@wordpress/components';
 import { useEffect, useState } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import {
@@ -68,11 +64,12 @@ function BlockHTML( { clientId } ) {
 	}, [ block ] );
 
 	return (
-		<TextareaAutosize
+		<TextareaControl
 			className="block-editor-block-list__block-html-textarea"
 			value={ html }
 			onBlur={ onChange }
-			onChange={ ( event ) => setHtml( event.target.value ) }
+			onChange={ setHtml }
+			__nextHasNoMarginBottom
 		/>
 	);
 }
diff --git a/packages/block-editor/src/components/block-list/content.scss b/packages/block-editor/src/components/block-list/content.scss
index 17ebad06c4d78e..dc5c610a0903c0 100644
--- a/packages/block-editor/src/components/block-list/content.scss
+++ b/packages/block-editor/src/components/block-list/content.scss
@@ -422,7 +422,7 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 	}
 }
 
-.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
+.block-editor-block-list__block .block-editor-block-list__block-html-textarea textarea {
 	display: block;
 	margin: 0;
 	padding: $grid-unit-15;
@@ -432,6 +432,8 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 	border-radius: 2px;
 	box-shadow: inset 0 0 0 $border-width $gray-900;
 	resize: none;
+	/* stylelint-disable-next-line property-no-unknown -- TODO: Update stylelint to support a fresh list of https://github.com/known-css/known-css-properties */
+	field-sizing: content;
 	overflow: hidden;
 	font-family: $editor-html-font;
 	font-size: $text-editor-font-size;

From 57588a10fc93ce1b9c171dbdcb423ce8110adcee Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 2 Aug 2024 18:10:33 +0300
Subject: [PATCH 4/5] Dependencies: Remove react-autosize-textarea

---
 package-lock.json                           | 73 +--------------------
 packages/block-editor/package.json          |  1 -
 packages/edit-site/package.json             |  3 +-
 packages/editor/package.json                |  1 -
 patches/README.md                           | 10 ---
 patches/react-autosize-textarea+7.1.0.patch | 13 ----
 6 files changed, 3 insertions(+), 98 deletions(-)
 delete mode 100644 patches/react-autosize-textarea+7.1.0.patch

diff --git a/package-lock.json b/package-lock.json
index 283127c1861b3f..2e5d5c96c96fe6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18834,11 +18834,6 @@
 			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
 			"dev": true
 		},
-		"node_modules/autosize": {
-			"version": "4.0.2",
-			"resolved": "https://registry.npmjs.org/autosize/-/autosize-4.0.2.tgz",
-			"integrity": "sha512-jnSyH2d+qdfPGpWlcuhGiHmqBJ6g3X+8T+iRwFrHPLVcdoGJE/x6Qicm6aDHfTsbgZKxyV8UU/YB2p4cjKDRRA=="
-		},
 		"node_modules/available-typed-arrays": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@@ -21352,11 +21347,6 @@
 				"ms": "2.0.0"
 			}
 		},
-		"node_modules/computed-style": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/computed-style/-/computed-style-0.1.4.tgz",
-			"integrity": "sha512-WpAmaKbMNmS3OProfHIdJiNleNJdgUrJfbKArXua28QF7+0CoZjlLn0lp6vlc+dl5r2/X9GQiQRQQU4BzSa69w=="
-		},
 		"node_modules/concat-map": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -34084,17 +34074,6 @@
 				"node": ">=10"
 			}
 		},
-		"node_modules/line-height": {
-			"version": "0.3.1",
-			"resolved": "https://registry.npmjs.org/line-height/-/line-height-0.3.1.tgz",
-			"integrity": "sha512-YExecgqPwnp5gplD2+Y8e8A5+jKpr25+DzMbFdI1/1UAr0FJrTFv4VkHLf8/6B590i1wUPJWMKKldkd/bdQ//w==",
-			"dependencies": {
-				"computed-style": "~0.1.3"
-			},
-			"engines": {
-				"node": ">= 4.0.0"
-			}
-		},
 		"node_modules/lines-and-columns": {
 			"version": "1.2.4",
 			"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
@@ -42682,20 +42661,6 @@
 				"node": ">=0.10.0"
 			}
 		},
-		"node_modules/react-autosize-textarea": {
-			"version": "7.1.0",
-			"resolved": "https://registry.npmjs.org/react-autosize-textarea/-/react-autosize-textarea-7.1.0.tgz",
-			"integrity": "sha512-BHpjCDkuOlllZn3nLazY2F8oYO1tS2jHnWhcjTWQdcKiiMU6gHLNt/fzmqMSyerR0eTdKtfSIqtSeTtghNwS+g==",
-			"dependencies": {
-				"autosize": "^4.0.2",
-				"line-height": "^0.3.1",
-				"prop-types": "^15.5.6"
-			},
-			"peerDependencies": {
-				"react": "^0.14.0 || ^15.0.0 || ^16.0.0",
-				"react-dom": "^0.14.0 || ^15.0.0 || ^16.0.0"
-			}
-		},
 		"node_modules/react-colorful": {
 			"version": "5.3.1",
 			"resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.3.1.tgz",
@@ -52239,7 +52204,6 @@
 				"postcss": "^8.4.21",
 				"postcss-prefixwrap": "^1.41.0",
 				"postcss-urlrebase": "^1.4.0",
-				"react-autosize-textarea": "^7.1.0",
 				"react-easy-crop": "^5.0.6",
 				"remove-accents": "^0.5.0"
 			},
@@ -53315,8 +53279,7 @@
 				"clsx": "^2.1.1",
 				"colord": "^2.9.2",
 				"fast-deep-equal": "^3.1.3",
-				"memize": "^2.1.0",
-				"react-autosize-textarea": "^7.1.0"
+				"memize": "^2.1.0"
 			},
 			"engines": {
 				"node": ">=18.12.0",
@@ -53418,7 +53381,6 @@
 				"fast-deep-equal": "^3.1.3",
 				"is-plain-object": "^5.0.0",
 				"memize": "^2.1.0",
-				"react-autosize-textarea": "^7.1.0",
 				"remove-accents": "^0.5.0",
 				"uuid": "^9.0.1"
 			},
@@ -67279,7 +67241,6 @@
 				"postcss": "^8.4.21",
 				"postcss-prefixwrap": "^1.41.0",
 				"postcss-urlrebase": "^1.4.0",
-				"react-autosize-textarea": "^7.1.0",
 				"react-easy-crop": "^5.0.6",
 				"remove-accents": "^0.5.0"
 			},
@@ -68003,8 +67964,7 @@
 				"clsx": "^2.1.1",
 				"colord": "^2.9.2",
 				"fast-deep-equal": "^3.1.3",
-				"memize": "^2.1.0",
-				"react-autosize-textarea": "^7.1.0"
+				"memize": "^2.1.0"
 			}
 		},
 		"@wordpress/edit-widgets": {
@@ -68086,7 +68046,6 @@
 				"fast-deep-equal": "^3.1.3",
 				"is-plain-object": "^5.0.0",
 				"memize": "^2.1.0",
-				"react-autosize-textarea": "^7.1.0",
 				"remove-accents": "^0.5.0",
 				"uuid": "^9.0.1"
 			}
@@ -70392,11 +70351,6 @@
 				}
 			}
 		},
-		"autosize": {
-			"version": "4.0.2",
-			"resolved": "https://registry.npmjs.org/autosize/-/autosize-4.0.2.tgz",
-			"integrity": "sha512-jnSyH2d+qdfPGpWlcuhGiHmqBJ6g3X+8T+iRwFrHPLVcdoGJE/x6Qicm6aDHfTsbgZKxyV8UU/YB2p4cjKDRRA=="
-		},
 		"available-typed-arrays": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@@ -72377,11 +72331,6 @@
 				}
 			}
 		},
-		"computed-style": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/computed-style/-/computed-style-0.1.4.tgz",
-			"integrity": "sha512-WpAmaKbMNmS3OProfHIdJiNleNJdgUrJfbKArXua28QF7+0CoZjlLn0lp6vlc+dl5r2/X9GQiQRQQU4BzSa69w=="
-		},
 		"concat-map": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -81978,14 +81927,6 @@
 			"integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
 			"dev": true
 		},
-		"line-height": {
-			"version": "0.3.1",
-			"resolved": "https://registry.npmjs.org/line-height/-/line-height-0.3.1.tgz",
-			"integrity": "sha512-YExecgqPwnp5gplD2+Y8e8A5+jKpr25+DzMbFdI1/1UAr0FJrTFv4VkHLf8/6B590i1wUPJWMKKldkd/bdQ//w==",
-			"requires": {
-				"computed-style": "~0.1.3"
-			}
-		},
 		"lines-and-columns": {
 			"version": "1.2.4",
 			"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
@@ -88533,16 +88474,6 @@
 				"loose-envify": "^1.1.0"
 			}
 		},
-		"react-autosize-textarea": {
-			"version": "7.1.0",
-			"resolved": "https://registry.npmjs.org/react-autosize-textarea/-/react-autosize-textarea-7.1.0.tgz",
-			"integrity": "sha512-BHpjCDkuOlllZn3nLazY2F8oYO1tS2jHnWhcjTWQdcKiiMU6gHLNt/fzmqMSyerR0eTdKtfSIqtSeTtghNwS+g==",
-			"requires": {
-				"autosize": "^4.0.2",
-				"line-height": "^0.3.1",
-				"prop-types": "^15.5.6"
-			}
-		},
 		"react-colorful": {
 			"version": "5.3.1",
 			"resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.3.1.tgz",
diff --git a/packages/block-editor/package.json b/packages/block-editor/package.json
index aadf192f3016ec..4f6d105ff52214 100644
--- a/packages/block-editor/package.json
+++ b/packages/block-editor/package.json
@@ -75,7 +75,6 @@
 		"postcss": "^8.4.21",
 		"postcss-prefixwrap": "^1.41.0",
 		"postcss-urlrebase": "^1.4.0",
-		"react-autosize-textarea": "^7.1.0",
 		"react-easy-crop": "^5.0.6",
 		"remove-accents": "^0.5.0"
 	},
diff --git a/packages/edit-site/package.json b/packages/edit-site/package.json
index f034b853c2cae1..e524dea5ce5338 100644
--- a/packages/edit-site/package.json
+++ b/packages/edit-site/package.json
@@ -72,8 +72,7 @@
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
 		"fast-deep-equal": "^3.1.3",
-		"memize": "^2.1.0",
-		"react-autosize-textarea": "^7.1.0"
+		"memize": "^2.1.0"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",
diff --git a/packages/editor/package.json b/packages/editor/package.json
index 6c6a22cbbcd8c7..6c66e9994e81b3 100644
--- a/packages/editor/package.json
+++ b/packages/editor/package.json
@@ -74,7 +74,6 @@
 		"fast-deep-equal": "^3.1.3",
 		"is-plain-object": "^5.0.0",
 		"memize": "^2.1.0",
-		"react-autosize-textarea": "^7.1.0",
 		"remove-accents": "^0.5.0",
 		"uuid": "^9.0.1"
 	},
diff --git a/patches/README.md b/patches/README.md
index 8149c96950057a..47158fd6dff561 100644
--- a/patches/README.md
+++ b/patches/README.md
@@ -12,16 +12,6 @@ Existing patches should be described and justified here.
 
 No notes.
 
-### `patches/react-autosize-textarea+7.1.0.patch`
-
-This package is unmaintained. It's incompatible with some recent versions of React types in ways
-that are mostly harmless.
-
-The `onPointerEnterCapture` and `onPointerLeaveCapture` events were removed. The package is patched
-to remove those events as well.
-
-See https://github.com/facebook/react/pull/17883.
-
 ### `patches/react-devtools-core+4.28.5.patch`
 
 No notes.
diff --git a/patches/react-autosize-textarea+7.1.0.patch b/patches/react-autosize-textarea+7.1.0.patch
deleted file mode 100644
index 7d67e58fd5fab6..00000000000000
--- a/patches/react-autosize-textarea+7.1.0.patch
+++ /dev/null
@@ -1,13 +0,0 @@
-diff --git a/node_modules/react-autosize-textarea/lib/TextareaAutosize.d.ts b/node_modules/react-autosize-textarea/lib/TextareaAutosize.d.ts
-index ad6ff3f..e0a6d51 100644
---- a/node_modules/react-autosize-textarea/lib/TextareaAutosize.d.ts
-+++ b/node_modules/react-autosize-textarea/lib/TextareaAutosize.d.ts
-@@ -22,7 +22,7 @@ export declare namespace TextareaAutosize {
-         lineHeight: number | null;
-     };
- }
--export declare const TextareaAutosize: React.ForwardRefExoticComponent<Pick<React.HTMLProps<HTMLTextAreaElement>, "default" | "max" | "required" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "title" | "pattern" | "async" | "start" | "low" | "high" | "defer" | "open" | "disabled" | "color" | "content" | "size" | "wrap" | "multiple" | "summary" | "className" | "height" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "kind" | "src" | "srcLang" | "value" | "download" | "hrefLang" | "rel" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "readOnly" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "as" | "integrity" | "charSet" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster"> & {
-+export declare const TextareaAutosize: React.ForwardRefExoticComponent<Pick<React.HTMLProps<HTMLTextAreaElement>, "default" | "max" | "required" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "title" | "pattern" | "async" | "start" | "low" | "high" | "defer" | "open" | "disabled" | "color" | "content" | "size" | "wrap" | "multiple" | "summary" | "className" | "height" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "kind" | "src" | "srcLang" | "value" | "download" | "hrefLang" | "rel" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "readOnly" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "as" | "integrity" | "charSet" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster"> & {
-     /** Called whenever the textarea resizes */
-     onResize?: ((e: Event) => void) | undefined;
-     /** Minimum number of visible rows */

From 3b44b14f375edc544c39995dca03ecc573aabbfe Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 2 Aug 2024 18:48:35 +0300
Subject: [PATCH 5/5] E2E: Update selector to fix failing annotation test

---
 test/e2e/specs/editor/plugins/annotations.spec.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/test/e2e/specs/editor/plugins/annotations.spec.js b/test/e2e/specs/editor/plugins/annotations.spec.js
index bf0ac00857260f..4b96a861cb22ef 100644
--- a/test/e2e/specs/editor/plugins/annotations.spec.js
+++ b/test/e2e/specs/editor/plugins/annotations.spec.js
@@ -54,7 +54,9 @@ test.describe( 'Annotations', () => {
 
 		// There should be no <mark> tags in the raw content.
 		await expect(
-			block.locator( '.block-editor-block-list__block-html-textarea' )
+			block.locator(
+				'.block-editor-block-list__block-html-textarea textarea'
+			)
 		).toHaveValue( '<p>Paragraph to annotate</p>' );
 	} );