Fix input border flicker in Chrome from @garoevans, closes #7689

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 1f338a871ea09557fa4074aabd53d2def961bb7a..281508ac06606619908aaf78b724a8a261836c52 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1261,10 +1261,10 @@ input[type="color"] {
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
-          transition: border linear 0.2s, box-shadow linear 0.2s;
+  -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s;
+     -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s;
+       -o-transition: border-color linear 0.2s, box-shadow linear 0.2s;
+          transition: border-color linear 0.2s, box-shadow linear 0.2s;
 }
 
 input,

diff --git a/less/forms.less b/less/forms.less
index 72eab570d7c5c201997dad4b41e3b759a6bbff4a..a00bedf1c3ba6f0cd630626de46316312ecf15f5 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -66,7 +66,7 @@ input[type="color"] {
   border: 1px solid @input-border;
   border-radius: @input-border-radius;
   .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
-  .transition(~"border linear .2s, box-shadow linear .2s");
+  .transition(~"border-color linear .2s, box-shadow linear .2s");
 }
 
 // Reset appearance properties for textual inputs and textarea