textarea breaking minification #4
Description
I'm at my wits end as to why it works until I add a text area. I'm getting the following issue
<!DOCTYPE html><html><head lang="en"> <meta charset="utf-8"> <title>brainFART :: Home</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link media="all" type="text/css" rel="stylesheet" href="http://blog.lvh.me/asset/bootstrap/css/bootstrap.min.css">
<link media="all" type="text/css" rel="stylesheet" href="http://blog.lvh.me/asset/bootstrap/css/bootstrap-responsive.min.css">
<style type="text/css"> .footer { color: rgb(157,157,157); padding-top: 10px; padding-bottom: 10px; } .content { padding-bottom: 10px; } </style> </head><body><div class="navbar navbar-inverse nav"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="/">brainFART</a> <div class="nav-collapse collapse"> <ul class="nav"> <li class="divider-vertical"></li> <li><a href="/"><i class="icon-home icon-white"></i> Home</a></li> </ul> <div class="pull-right"> <ul class="nav pull-right"> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Welcome, Guest <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a data-toggle="modal" href="#contactModal"><i class="icon-envelope"></i> Contact Support</li> <li class="divider"></li> <li><a data-toggle="modal" href="#loginModal"><i class="icon-lock"></i> Log in</a></li> </ul> </li> </ul> </div> </div> </div> </div></div><div class="content"> <div class='container'> This is just a test </div></div><div class="navbar navbar-inverse nav"> <div class="navbar-inner"> <div class="container"> <div class="nav-collapse collapse"> <div class="pull-right"> <ul class="nav pull-right"> <li><a href="https://github.com/mladoux/brainFART">Powered by brainFART</a></li> </ul> </div> <div> <ul class="nav"> </ul> </div> </div> </div> </div> </div></div><div class="container"> <div class="row"> <div class="span12"> <div class="modal hide" id="loginModal"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">✕</button> <h3>Login to brainFART</h3> </div> <div class="modal-body" style="text-align:center;"> <div class="row-fluid"> <div class="span10 offset1"> <div id="modalTab"> <div class="tab-content"> <div class="tab-pane active" id="login"> <form method="post" action='/login' name="login_form"> <p><input type="text" class="span12" name="login" id="login" placeholder="Username or E-Mail Address"></p> <p><input type="password" class="span12" name="passwd" placeholder="Password"></p> <p><button type="submit" class="btn btn-primary">Sign in</button> <a href="#forgotpassword" data-toggle="tab">Forgot Password?</a> · <a href="#register" data-toggle="tab">Can I have an account please?</a> </p> </form> </div> <div class="tab-pane fade" id="forgotpassword"> <form method="post" action='/password_reset' name="forgot_password"> <p>Hey this stuff happens, send us your email and we'll reset it for you!</p> <input type="text" class="span12" name="login" id="login" placeholder="Username or E-Mail Address"> <p><button type="submit" class="btn btn-primary">Submit</button> <a href="#login" data-toggle="tab">Wait, I remember it now!</a> </p> </form> </div> <div class="tab-pane fade" id="register"> <form method="post" action="/register" name="register"> <p><input type="text" class="span12" name="username" id="username" placeholder="Username"></p> <p><input type="text" class="span12" name="email" id="email" placeholder="E-Mail Address"></p> <p><input type="password" class="span12" name="password" id="password" placeholder="Password"></p> <p><input type="password" class="span12" name="password_confirmation" id="password_confirmation" placeholder="Confirm Password"></p> <p><button type="submit" class="btn btn-primary">Register</button> <a href="#login" data-toggle="tab">I think I already have an account!</a> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div></div><div class="container">
<div class="row">
<div class="span12">
<div class="modal hide" id="contactModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">✕</button>
<h3>Login to brainFART</h3>
</div>
<div class="modal-body" style="text-align:center;">
<div class="row-fluid">
<div class="span10 offset1">
<div id="modalTab">
<div class="tab-content">
<div class="tab-pane active" id="contact">
<form method="post" action='/login' name="contact_form">
<p><input type="text" class="span12" name="email" id="email" placeholder="E-Mail Address"></p>
<p><input type="text" class="span12" name="subject" id="subject" placeholder="Subject"></p>
<p><textarea class="span12" name="subject" placeholder="Issue details"></textarea></p>
<p><button type="submit" class="btn btn-primary">Send</button></p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="http://blog.lvh.me/asset/jquery/js/jquery-1.10.2.min.js"></script>
<script src="http://blog.lvh.me/asset/jquery/js/jquery-migrate-1.2.1.min.js"></script>
<script src="http://blog.lvh.me/asset/bootstrap/js/bootstrap.min.js"></script>
</body></html>Of course, this is not desirable. I'd like even that section to get minimized, unless there is an issue with text areas that causes things to break.