ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.[Solved] Mobile Keyboard overlapping over TextBox Bootstrap<p>here is the complete code, little bit trick and the code works perfectly.</p> <pre class="brush: html">&lt;div id=&#34;test&#34; tabindex=&#34;-1&#34;&gt; &lt;textarea&gt;Something&lt;/textarea&gt; &lt;select&gt; &lt;option value=&#34;volvo&#34;&gt;Volvo&lt;/option&gt; &lt;option value=&#34;saab&#34;&gt;Saab&lt;/option&gt; &lt;option value=&#34;mercedes&#34;&gt;Mercedes&lt;/option&gt; &lt;option value=&#34;audi&#34;&gt;Audi&lt;/option&gt; &lt;/select&gt; var textareas = document.getElementsByTagName(&#39;textarea&#39;) || document.getElementsByTagName(&#39;input&#39;) || document.getElementsByTagName(&#39;select&#39;); for (i=0;i&lt;textareas.length;i++){ if (textareas[i].parentNode.tagName.toString().toLowerCase() == &#39;div&#39;) { textareas[i].onfocus = function(){ this.parentNode.style.borderStyle = &#39;solid&#39;; this.parentNode.style.position = &#34;absolute&#34;; this.parentNode.style.top = &#34;0&#34;; } textareas[i].onblur = function(){ this.parentNode.style.borderStyle = &#39;dashed&#39;; } } }</pre> <p>&nbsp;</p> <p>&nbsp;</p> <pre class="brush: css">div { border: 2px dashed #f90; width: 100%; margin: 0 auto; } textarea { display: block; width: 100%; margin: 1em auto; }</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/156650/Solved-Mobile-Keyboard-overlapping-over-TextBox-Bootstrap/https://www.aspforums.net:443/Threads/156650/Solved-Mobile-Keyboard-overlapping-over-TextBox-Bootstrap/Fri, 20 Jul 2018 05:01:37 GMT