Container height problem
See original GitHub issueHi 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:
- Created 4 years ago
- Reactions:4
- Comments:7
Top 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 >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 FreeTop 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
Top GitHub Comments
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! 😃