From 6641ddca11820976e3bc3c25c42104b93ab0b024 Mon Sep 17 00:00:00 2001
From: desrosj <desrosj@git.wordpress.org>
Date: Tue, 6 Jul 2021 12:29:57 +0000
Subject: [PATCH] Twenty Twenty-One: Ensure the dropdown arrow displays for
 `<select>` elements when focused.

Props isabel_brison, zieladam, poena.
Merges [51296] to the 5.8 branch.
Fixes #53560.
Built from https://develop.svn.wordpress.org/branches/5.8@51336


git-svn-id: http://core.svn.wordpress.org/branches/5.8@50945 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 .../themes/twentytwentyone/assets/css/ie-editor.css | 13 +++++++++++++
 .../twentytwentyone/assets/css/style-editor.css     |  3 ++-
 .../assets/sass/04-elements/forms-editor.scss       |  3 ++-
 wp-includes/version.php                             |  2 +-
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/wp-content/themes/twentytwentyone/assets/css/ie-editor.css b/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
index c57f4aa5d3..9665360514 100644
--- a/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
+++ b/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
@@ -324,6 +324,19 @@ select {
 	background-position: right 10px top 60%;
 }
 
+select:focus {
+	border: 3px solid #39414d;
+	border-radius: 0;
+	color: #28303d;
+	font-size: 1.125rem;
+	-moz-appearance: none;
+	-webkit-appearance: none;
+	appearance: none;
+	padding: 10px 30px 10px 10px;
+	background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+	background-position: right 10px top 60%;
+}
+
 /*
  * text-underline-offset doesn't work in Chrome at all 👎
  * But looks nice in Safari/Firefox, so let's keep it and
diff --git a/wp-content/themes/twentytwentyone/assets/css/style-editor.css b/wp-content/themes/twentytwentyone/assets/css/style-editor.css
index 0619a1cf3b..8a9413982b 100644
--- a/wp-content/themes/twentytwentyone/assets/css/style-editor.css
+++ b/wp-content/themes/twentytwentyone/assets/css/style-editor.css
@@ -449,7 +449,8 @@ figcaption,
 	padding: 0;
 }
 
-select {
+select,
+select:focus {
 	border: var(--form--border-width) solid var(--form--border-color);
 	border-radius: var(--form--border-radius);
 	color: var(--form--color-text);
diff --git a/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss b/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss
index 5879c2385c..67c8f61f67 100644
--- a/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss
+++ b/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss
@@ -1,4 +1,5 @@
-select {
+select,
+select:focus {
 	border: var(--form--border-width) solid var(--form--border-color);
 	border-radius: var(--form--border-radius);
 	color: var(--form--color-text);
diff --git a/wp-includes/version.php b/wp-includes/version.php
index d95058715b..d48a969026 100644
--- a/wp-includes/version.php
+++ b/wp-includes/version.php
@@ -13,7 +13,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '5.8-RC1-51334';
+$wp_version = '5.8-RC1-51336';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.