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.
Status view text message aligned left in Edge
See original GitHub issueBug Report
Description
Status view message is not showing in center on Edge browser. Here is the screenshot:
Steps to Reproduce
- Go to https://engineering.cerner.com/terra-ui/#/components/terra-status-view/status-view/status-view in MS Edge browser
- Check the examples
- You should see the message aligned improperly
Additional Context / Screenshots
Screenshot added in the description
Expected Behavior
The message should be in the center
Possible Solution
Adding style text-align: center to the div having class StatusView-module__message__xxxx fixes it.
Environment
- Component Name and Version: Internal Application
- Browser Name and Version: Edge
- Node/npm Version: 8.9.2
- Webpack Version: 4.27.1
- Operating System and version (desktop or mobile): Desktop Windows 10
@ Mentions
None
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
Align text left or right, center text, or justify text on a page
Align the edges of your to the left, center, right, or justified, or vertically to the top, center, or bottom between margins.
Read more >Cannot align contents of div to the left in Edge - Stack Overflow
The text still needs to be aligned left though. It seems to be a problem with the image as the image is too...
Read more >text-align - CSS: Cascading Style Sheets - MDN Web Docs
The text-align CSS property sets the horizontal alignment of the inline-level content inside a block element or table-cell box.
Read more >Removing Space Along the Left Edge of Text
The designer then has to decide how far from that origin the left edge of the ... styles dialog box), you'll see a...
Read more >Alignment and alignment guides - a free Hacking with iOS
The two text views have different lengths, but because we used the .leading alignment they will both be aligned to their left edge...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I need to check if this is used by consumer first before approving PR - I believe it is used.
Able to recreate on 42.17134.1.0. Edge has a CSS Properties bug with
text-align. Thecenterfallback value fails to register - instead, edge defaults toleft.To reiterate @bjankord, if there are no cases where we want non centered text, it makes sense to remove the CSS property (I vote we do this).