Makes the network dropdown keyboard accessible (focus friendly).

chrome/browser/resources/chromeos/login/oobe.css

Index: chrome/browser/resources/chromeos/login/oobe.css
diff --git a/chrome/browser/resources/chromeos/login/oobe.css b/chrome/browser/resources/chromeos/login/oobe.css
index 93c1b86173dbdaca2cb481e1f3e7c5e4e6564f6a..cd80ca6010dddcfc302bbb476f3a0dd02b39469a 100644
--- a/chrome/browser/resources/chromeos/login/oobe.css
+++ b/chrome/browser/resources/chromeos/login/oobe.css
@@ -157,12 +157,6 @@ hr.bottom {
   display: -webkit-box;
 }
 
-.label {
-  margin: 5px 5px 5px 0;
-  padding: 5px 5px 5px 0;
-  width: 170px;
-}
-
 .menu-area {
   margin: 5px 5px 5px 5px;
 }
@@ -171,6 +165,12 @@ hr.bottom {
   width: 250px;
 }
 
+.label {
+  margin: 5px 5px 5px 0;
+  padding: 5px 5px 5px 0;
+  width: 170px;
+}
+
 #connect {
   box-sizing: border-box;
   padding: 60px 0 0 145px;
@@ -552,6 +552,7 @@ body.login-display #progress {
   text-indent: 4px;
   white-space: nowrap;
   width: 250px;
+  z-index: 10;
 }
 
 .dropdown-title:hover {
@@ -578,7 +579,7 @@ body.login-display #progress {
   position: relative;
   top: 100%;
   width: 248px;
-  z-index: 1;
+  z-index: 10;
 }
 
 .dropdown-item-container {
@@ -587,7 +588,7 @@ body.login-display #progress {
   padding-left: 5px;
 }
 
-.dropdown-item-container:hover {
+.dropdown-item-container.hover {
   background: #dce4fa;
 }
 
@@ -647,3 +648,12 @@ html[dir=rtl] .error-message {
   position: absolute;
   text-shadow: 0 1px 1px #fff;
 }
+
+.dropdown-overlay {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  z-index: 5;
+}