When you have code that generates a higher "box" than the result window, it's hard to see the content of it. Is there a way to control the height of the result window?
I'm aware of the full screen option, but I was thinking it will be a good idea to have some control of the height on the inline mode.
console.log("As a console output I'm also taking up some height space");
console.log("sorry");
console.log("for that");
console.log("spam!");
#root {
color: #fff;
height: 300px;
font-size: 3em;
background-color: #333;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
<div id="root">
<div>
Hi there, I'm here.
</div>
<div> But it's hard to see me in full!</div>
</div>
.as-console-wrapper { max-height: 100% !important }
to force the console to take the entire height as opposed to being confined to the bottom little bit of the snippet. Removing the console from the snippet would not only break my workflow (and the workflow of others I have seen doing the same thing), but it would break snippets that are set up like this already (of which there are countless).