html - CSS - textarea overlapping other elements on Android -


i have textarea described as:

<textarea id="textarea" name="body" rows="6" required></textarea> 

with css follows:

textarea {   display: block;   margin: 0;   width: 100%;   font-size: 2em;   border: 1px solid #bbb; }  textarea {     font-family: sans-serif; } 

as can see in screenshot below, textarea doesn't size 6 rows, denoted inline, instead overlaps other elements. using chrome dev on android 5.0 on samsung galaxy s5. screenshot of issue

how can prevent textarea overlapping other html?

a screenshot chrome version 60.0.3112.113 on windows, reference [2]


Comments

Popular posts from this blog

minify - Minimizing css files -

neo4j - finding mutual friends in a cypher statement starting with three or more persons -

php - How to remove letter in front of the word laravel -