PDA

View Full Version : [INFOREQ-435][3.0.3/3.1] Inconsistent TextField font size in Chrome



markeza
11 Dec 2009, 3:50 AM
If I put TextField inside toolbar, in Chrome font is slightly larger (comparing to Firefox).
Same issue is present when I edit cell of an EditorGridPanel.
RowEditor is also affected.

Extjs 3.0.3
Firefox 3.5
Chrome 4.0

markeza
29 Dec 2009, 2:28 PM
Issue is present in version 3.1.

Check:
http://www.extjs.com/deploy/dev/examples/grid/edit-grid.html
http://www.extjs.com/deploy/dev/examples/grid/row-editor.html

markeza
15 Jan 2010, 1:02 AM
I would really appreciate if someone check this, or just give me a hint where to look.
Is it a css or code problem?

Jamie Avins
15 Jan 2010, 10:13 AM
For this type of issue, which OS you are using is also important.

markeza
16 Jan 2010, 5:55 AM
For this type of issue, which OS you are using is also important.
Tried on Windows Vista and Windows 7 with latest version of Chrome 3 or Chrome 4.

markeza
17 Jan 2010, 11:00 AM
Same with extjs 3.1.1 beta. (Win 7 Chrome 4)

jayrobinson
19 Jan 2010, 6:36 PM
A rule for WebKit browsers was increasing the font-size on editing TextFields by 1 pixel.

Removed difference so TextFields are more consistent across various browsers.

markeza
22 Jan 2010, 12:21 PM
A rule for WebKit browsers was increasing the font-size on editing TextFields by 1 pixel.

Removed difference so TextFields are more consistent across various browsers.
Can you post your fix?

Jamie Avins
25 Jan 2010, 7:58 AM
Fixed in svn 5927.

looks like form.css was changed:

.ext-webkit .x-small-editor .x-form-field {
font:normal 11px arial, tahoma, helvetica, sans-serif;
}

markeza
2 Feb 2010, 11:23 AM
This also helps a bit, but still not same as in Firefox.

.ext-webkit .x-form-text {
padding-top:2px;
padding-bottom:0;
}

I'm curious, if webkit gets 100 points on acid 3 test why does extjs need special css hacks for it?