From cc15c0e76913c479a848bc3fecffba6417d77dd8 Mon Sep 17 00:00:00 2001 From: jeremydenoun Date: Thu, 18 Apr 2013 17:44:46 +0300 Subject: [PATCH 1/2] Fix flickering on progress bar width update Issue visible on lastest version of Chrome Browser (if you update progress bar width from 100% to 0%) -> flickering appears Fixed with addition of .backface-visibility(hidden) mixins --- less/progress-bars.less | 1 + 1 file changed, 1 insertion(+) diff --git a/less/progress-bars.less b/less/progress-bars.less index 5e0c3dda01..300def0ecb 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -64,6 +64,7 @@ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); .box-sizing(border-box); .transition(width .6s ease); + .backface-visibility(hidden); } .progress .bar + .bar { .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)"); From d3e0d4a7baad213ccbfa8049d5f920ed1863b76b Mon Sep 17 00:00:00 2001 From: Jeremy Denoun Date: Thu, 18 Apr 2013 17:05:50 +0200 Subject: [PATCH 2/2] update docs --- docs/assets/css/bootstrap.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2f56af33f3..145e08a5b6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5813,6 +5813,9 @@ a.badge:focus { -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; } .progress .bar + .bar {