Bricks Version: 1.6.2
Browser: Brave
OS: Windows
URL: n/a see video
When I add ‘height:100%;’, upon typing the ; two strange things happen - 1) the ; moves outside of the HTML button element container 2) a random bracket is inserted in the style attribute of another HTML element further up the code block.
In the video I use VS Code compare function to highlight these changes
Heres the HTML before I added the height style for your testing
<!-- class="_form _form_33 _inline-form _inline-style " -->
<form method="POST" action="https: calc(//forestretreats.activehosted.com / proc.php") id="_form_33_" style="width:100%;" novalidate>
<input type="hidden" name="u" value="33" />
<input type="hidden" name="f" value="33" />
<input type="hidden" name="s" />
<input type="hidden" name="c" value="0" />
<input type="hidden" name="m" value="0" />
<input type="hidden" name="act" value="sub" />
<input type="hidden" name="v" value="2" />
<input type="hidden" name="or" value="58828a16946d4d74002ac5abacff56fd" />
<div class="form-content grid--3-1 grid--m-1" style="width: 100%;">
<div class="_form-input-wrapper grid--2 grid--m-1 gap--m text--left text--shade-ultra-dark">
<div class="_form_element _x25483048 _inline-style " >
<div class="_field-wrapper">
<input type="text" id="fullname" name="fullname" placeholder="Name" required/>
</div>
</div>
<div class="_form_element _x88363129 _inline-style " >
<div class="_field-wrapper">
<input type="text" id="email" name="email" placeholder="Email" required/>
</div>
</div>
</div>
<div class="footer-form__btn-wrapper">
<button id="_form_33_submit" class="btn--primary" type="submit" style="width: 100%;">
Sign Up
</button>
</div>
</div>
<div class="_clear-element">
</div>
<div class="_form-thank-you" style="display:none;">
</div>
</form>