bootstrap-progressbar icon indicating copy to clipboard operation
bootstrap-progressbar copied to clipboard

Text bug when resizing browser window

Open casually-creative opened this issue 10 years ago • 2 comments

Hey, when implementing my needs of your progressbar plugin, I came across a bug. I wrote some code to initially hide my progress bar so I could show it at a later point. It works like a charm but I randomly see a piece of my 'amount_format' text displayed at the very left of the bar.

I created a fiddle to simulate the problem: http://jsfiddle.net/kLvje0o6/4/

It happens almost randomly but I found a way to reproduce it 100%. if you risize the window between my function call 'progressTo(0)' and 'progressTo(1)', it will show.

I wrote a timeout in the fiddle, just resize your browser window (width or height) in the 4 seconds of the timeout when you run the fiddle.

Interesting to note that, if you resize it again after that, the piece of text dissapears again.

Screenshot: http://oi62.tinypic.com/2lsbm7k.jpg

casually-creative avatar Aug 26 '15 12:08 casually-creative

It is probably a bug due to the fact I set 'display' to 'none' and the plugin can't access the bar's width anymore. If this is the case, any suggestion on how I should properly hide my progressbar?

casually-creative avatar Aug 26 '15 12:08 casually-creative

I am also seeing this issue; in my case, it's because the progress bar is inside a collapsible bootstrap panel, which is collapsed by default. Upon expanding the panel, you get the duplicated offset text, but after resizing the window while the panel is open, it fixes itself.

bryanmorgandrms avatar Mar 29 '16 12:03 bryanmorgandrms