Textarea interaction with bootstrap column
<p>I have a simple yet frustrating problem. I need to use textarea in a column so i placed it inside a row then a column like below code:</p>

<pre><code>&lt;div class="row"&gt;&lt;div class="col-md-12"&gt;
    &lt;table class="table table-bordered " id="RezAddress" &gt;
   &lt;tr&gt;
    &lt;th colspan="2" align="left"&gt;'.$menu[56].'&lt;/th&gt;
    &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td colspan="2" align="left"&gt;&lt;textarea name="address" rows="3" id="address" style="min-width: 100%"&gt;'.$address.'&lt;/textarea&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>So here i set textarea width as wide as column. Now what i wnat to do is i don't want that textarea overflow that column when i drag from corner.Is it possible? I tried max-width and with attributes as well. No solution so far.</p>