1093626 - type in text field doesn't show on techpinions.com

Status: RESOLVED FIXED

(Web Compatibility :: Desktop, defect)

Description

[rina]

Attachment: Screen Shot 2014-11-04 at 14.40.27.png

On some web pages when I type in text fields it doesn't who the text. It registeres it but doesn't show. I.e
http://techpinions.com

Comment 1

[:Gijs (he/him)]

This is a bug in the website. It sets box-sizing: border-box, defines a small height, and then defines padding that exceeds the border box, meaning the content height is 0. It should adjust its CSS.

Comment 2

[Hallvord R. M. Steen [:hallvors]]

To reproduce: 
1) Load http://techpinions.com/
2) Place cursor in search field 
3) Type - no text appears

Suggested fix:
1) Remove 

padding: 17px 10px !important;

from the .searchbar CSS block.

2) Check that there's no similar styling applied to other input fields.

Comment 3

[Hallvord R. M. Steen [:hallvors]]

If you use Chrome the site applies the same styling - why don't Chrome users see the same problem?

Comment 4

[:Gijs (he/him)]

(In reply to Hallvord R. M. Steen from comment #3)
> If you use Chrome the site applies the same styling - why don't Chrome users
> see the same problem?

See bug 1084906 comment 2 and bug 1084906 comment 7, and from there on http://lists.w3.org/Archives/Public/www-style/2014Nov/0037.html (which sadly seems to have no replies so far)

Comment 5

[Karl Dubost💡 :karlcow]

The good thing about that bug is that the thread is still going on with pretty interesting discussions on implementation differences in between IE, Chrome and Firefox.

Comment 6

[Swarnava Sengupta (:Swarnava)]

Looks like its working on latest nightly!

Comment 7

[Daniel Holbert [:dholbert]]

Great! It looks like the site fixed its CSS -- the "padding: 17px 10px !important" declaration that was mentioned in comment 2 has now been changed to "padding: 5px 10px !important".

So, there's much less vertical padding, which leaves some space for the content-box per comment 1.

So, I think we can call this FIXED as a Tech Evang bug.