My Chrome browser extension seems to have a body that is much taller than its actual content:
https://i.sstatic.net/t44t6.pnghttps://i.sstatic.net/8WjzD.png
Even though there are no other parent div elements, the height of the <div id='app'>
can be extended by expanding its settings:
https://i.sstatic.net/3H73c.png
Is it possible for the body to adjust its height based on the content, so that it shrinks if the height of <div id='app'>
decreases?
This is how I expand the settings div
:
function expandDiv() {
growDiv1 = document.getElementById('grow');
if (growDiv1.clientHeight) {
growDiv1.style.height = 0;
} else {
var wrapper = document.querySelector('.measuringWrapper');
growDiv1.style.height = "338px";
}
return;
}