I’m using style=“clear:both; height:300px” to create a large amount of whitespace on a form.
It’s a scrollable form and I’m using Material design buttons for Submit and Cancel - they float above the content so I need to create space at the bottom of the form or the buttons cover some of the content.
You can see what it looks like without the whitespace here:
Your buttons are absolutely positioned, from what I see. So You should set their “bottom” position instead of “top”. Then You should add space beneath the form and the buttons on top of that space.
Since the buttons are positioned absolutely they are out of the “flow” of the page. If You want them to be underneath the form and not on top of it You should not position them absolutely. Unless You DO want them to be on top of the form in which case I’m afraid I don’t understand the problem
In the HTML at the end of the ion-content you can see the whitespace I’ve created with a div. See how it allows the form to be scrolled above the buttons. Without that the bottom of the form is under the buttons. It works fine with the div - but my question is; Is this the right way to do it?