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.
`config_display: columns` height issue
See original GitHub issueThe new config_display: columns prop creates an issue with the image height.
When displayed in two columns, there is a big white space at the end of the svg:
And when displayed in one column, the svg isn’t high enough and ends up cutting the content:
I have to say I don’t know how to fix this.
I don’t know much about puppeteer to tweak the height, or if it’s even possible.
Issue Analytics
- State:
- Created 2 years ago
- Comments:8 (8 by maintainers)
Top Results From Across the Web
Height issue with 4 column grid alignment in css
The problem is want to make even height for all columns, if i'm using various contents for each columns. I want to know...
Read more >Fixing the Equal Height Columns Problem (CSS)
The equal height columns problem (or anti-pattern) is where we have 2-3 three columns in one row. Each column has a different amount...
Read more >Change the column width and row height
Go to File > Options > Advanced > Display > select an option from the Ruler Units list. If you switch to Normal...
Read more >Equal height layouts with flexbox
When using the columns element it's nearly impossible for all the columns to have equal heights, especially when each column has different content...
Read more >Fluid Width Equal Height Columns
THE PROBLEM: Three columns with different amounts of content only grow as tall as they need to individually. THE DESIRE: Columns are all...
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 had an idea:
Maybe adding an
overflow: autoon theforeighObjectwould allow for the svg to be scrollable on mobile?it would solve the issue: Keep the same height for desktop, but allow for a scrollable svg on mobile.
I will test it out more later
Superseded by #839