question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Progress component can not display well in table

See original GitHub issue

Version

2.13.10

Environment

OS: macOS High Sierra
browser: Chrome Version 61.0.3163.100 (Official Build) (64-bit)

Reproduction link

https://codepen.io/kennylbj/pen/KyveQq?editors=0011

Steps to reproduce

Render Progress component in table

What is expected?

Display Progress component in one line.

What is actually happening?

The percentage text of Progress component is broke up into two lines if the percentage value is larger than 9. image

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
yesmeckcommented, Nov 20, 2017

Added word-break: normal; as progress’s default style.

0reactions
kennylbjcommented, Nov 20, 2017

You are right. IMO, however, adding Progress with additional styles in order to work fine with table is kind of odd.

Read more comments on GitHub >

github_iconTop Results From Across the Web

The progress bar is not displayed for "Business elapsed ...
This happens only when the user moves the 'Business elapsed percentage' column to first and second column, the reason being it's a reference...
Read more >
Progress bar will not work correctly if add more than one ...
When I add Pharrell song to upload both progress bar in table and separate window display as well,but when I added new song...
Read more >
Progress Display — Rich 12.6.0 documentation
Rich can display continuously updated information regarding the progress of long running tasks / file copies etc. The information displayed is configurable, the ......
Read more >
The Progress Indicator element - HTML - MDN Web Docs
The HTML element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Read more >
Progress Bar Component | Adobe Experience Manager
0 of the Core Components in May 2020, and is described in this document. The following table details all supported versions of the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found