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.
Centered GridCols expands beyond their offset in IE
See original GitHub issueWhich package is this issue related to?
ffe-grid-react and ffe-grid
Describe your issue (screenshots welcome!)
When a GridCol with div as content is centered by passing center={true}, the specified offset is not taken into account in IE - the content flows beyond the offsets.
What is the expected behavior?
When centering a GridCol in IE, I would expect the content to still be aligned with the specified offset.
What is the actual behavior?
Steps to reproduce
Pass center={true} to a GridCol, with offset: 1, and open it in IE.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:11 (11 by maintainers)
Top Results From Across the Web
Expandable Sections Within a CSS Grid
In this case, the dense packing algorithm tries to fills in holes earlier in the grid. All our grid columns are the same...
Read more >grid-auto-columns - CSS: Cascading Style Sheets | MDN
The grid -auto-columns CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.
Read more >Center a column using Twitter Bootstrap 3 - css - Stack Overflow
The first approach uses Bootstrap's own offset classes so it requires no change in markup and no extra CSS. The key is to...
Read more >CSS · Bootstrap
Grid columns are created by specifying the number of twelve available ... to column clearing at responsive breakpoints, you may need to reset...
Read more >Layout and Grid System | Components - BootstrapVue
Use the powerful mobile-first flexbox grid (via the , , and components) to build ... Those columns are centered in the page with...
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
@antidecaf https://github.com/SpareBank1/designsystem/pull/348 😨
If someone has given a
max-widthto a child of a column we would now be overwriting that value.