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 951261e62fb0353a63ecd34006a2d5b722ff871b..e32f31d4a5f65b288aad7e014a5a6347776ddab6 100644
--- a/chrome/browser/resources/chromeos/login/oobe.css
+++ b/chrome/browser/resources/chromeos/login/oobe.css
@@ -160,12 +160,7 @@ hr.bottom {
 .control-with-label {
   margin: 10px 0 10px 0;
   display: -webkit-box;
-}
-
-.label {
-  margin: 5px 5px 5px 0;
-  padding: 5px 5px 5px 0;
-  width: 170px;
+  -webkit-box-align: start;
 }
 
 .menu-area {
@@ -176,6 +171,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;
@@ -560,6 +561,7 @@ body.login-display #progress {
   text-indent: 4px;
   white-space: nowrap;
   width: 250px;
+  z-index: 10;
 }
 
 .dropdown-title:hover {
@@ -586,7 +588,7 @@ body.login-display #progress {
   position: relative;
   top: 100%;
   width: 248px;
-  z-index: 1;
+  z-index: 10;
 }
 
 .dropdown-item-container {
@@ -595,7 +597,7 @@ body.login-display #progress {
   padding-left: 5px;
 }
 
-.dropdown-item-container:hover {
+.dropdown-item-container.hover {
   background: #dce4fa;
 }
 
@@ -655,3 +657,12 @@ html[dir=rtl] .error-message {
   position: absolute;
   text-shadow: 0 1px 1px #fff;
 }
+
+.dropdown-overlay {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}