Mobile app version of vmapp.org
Login or Join
Berryessa370

: What would cause broken elements that don't show text in this template? I'm building a web page by modifying this template: http://webthemez.com/preview/?doctor-free-responsive-website-template/ At

@Berryessa370

Posted in: #BrowserSupport #CrossBrowser #UserInput

I'm building a web page by modifying this template: webthemez.com/preview/?doctor-free-responsive-website-template/
At the bottom, in the Contact area, there are two <input>s and one <textarea>. The inputs only work in Opera. No other browser lets me edit the text or even displays the placeholder.

I can't figure out where the problem is. The HTML? The CSS? The JavaScript?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Berryessa370

1 Comments

Sorted by latest first Latest Oldest Best

 

@BetL925

The problem is the padding specified by CSS along with a fixed height. The box is not tall enough to contain both the text and the white space padding.

.form-control {
padding: 22px 4px;
height: 34px;
}


The best way to discover this problem is to use developer tools. I use Firefox and right click to "inspect element". From that I can check and uncheck the CSS rules to see which one is causing the problem:



When I uncheck those rules I see the text I entered:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme