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.

Container height problem

See original GitHub issue

Hi guys,

I have a problem with the container-height, where I am basically experiencing this issue here and get white-space under the footer (https://stackoverflow.com/questions/34188161/remove-white-space-below-footer)

When i enable isLazyMount the first step looks good, but after going to the next step the white-space appears.

Has anyone got the same problem and knows a solution?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:4
  • Comments:7

github_iconTop GitHub Comments

6reactions
segicmcommented, Feb 18, 2020

I had this problem, where the components with the larger height made the white space to the smaller components. The solution that worked for me was to set the non-active components to display: none; so the white space will not be shown. Here’s how: .rsw_2f{ display: none; } .rsw_3G{ display: block; }

All step components will have the .rsw_2f class and only the active one will have the .rsw_3G class.

1reaction
Bogdastotelcommented, Apr 14, 2021

I had this problem, where the components with the larger height made the white space to the smaller components. The solution that worked for me was to set the non-active components to display: none; so the white space will not be shown. Here’s how: .rsw_2f{ display: none; } .rsw_3G{ display: block; }

All step components will have the .rsw_2f class and only the active one will have the .rsw_3G class.

@segicm thanks for the help! 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Div container height percentage not working - Stack Overflow
It won't work with min-height: 100% on the root element. · If you want the body to expand from a minimum height, try...
Read more >
CSS- Div- Be Careful When You Size Your Divs
Compatibility Problems With HEIGHT And WIDTH ... Place both DIVs into a container DIV that's set to 100% of page height and set...
Read more >
height - CSS: Cascading Style Sheets - MDN Web Docs
The height CSS property specifies the height of an element. By default, the property defines the height of the content area.
Read more >
Container Height not working - WordPress.org
I am trying to have the flip book automatically adjust to the height of the screen. I've disabled auto container height and put...
Read more >
Flex container width and height incorrectly calculated for `flex ...
What steps will reproduce the problem? ... 2. Notice how the containing <ul> does not actually contain it's <li> children. It's size is...
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