Workaround for jQuery UI Menu glitch on Chrome

Author: philwareham

dist/textpattern/jquery-ui.css

@@ -1376,6 +1376,7 @@ input.ui-button.ui-icon-notext .ui-icon {
 }
 
 .ui-menu .ui-menu-item {
+  display: block;
   margin: 0;
   cursor: pointer;
   /* 2 */
@@ -1980,6 +1981,20 @@ input.ui-button.ui-icon-notext .ui-icon {
   margin-left: -8px;
 }
 
+a.ui-icon,
+a .ui-icon {
+  opacity: 0.66;
+}
+
+a:hover.ui-icon,
+a:hover .ui-icon,
+a:active.ui-icon,
+a:active .ui-icon,
+a:focus.ui-icon,
+a:focus .ui-icon {
+  opacity: 1;
+}
+
 /**
  * Default state icons.
  */

dist/textpattern/jquery-ui.min.css

@@ -32,6 +32,20 @@
     margin-left: -8px;
 }
 
+a.ui-icon,
+a .ui-icon {
+    opacity: 0.66;
+}
+
+a:hover.ui-icon,
+a:hover .ui-icon,
+a:active.ui-icon,
+a:active .ui-icon,
+a:focus.ui-icon,
+a:focus .ui-icon {
+    opacity: 1;
+}
+
 /**
  * Default state icons.
  */

package-lock.json

@@ -83,6 +83,7 @@
     }
 
     .ui-menu-item {
+        display: block;
         margin: 0;
         cursor: pointer;
         /* 2 */