[4.1.1] TabPanel tab icons first 1px line is clipped

[hschaefer123]

Using silk icons lib (16x16 px) as tab panel icons via iconCls the icons top most 1 pixel line is clipped inside tabpanel.

Problem exists in Firefox and also IE (so maybe generall issue).

If you zoomout the screenshot, you will see the missing 1px top line, that is show befond in panel header.

Screenshot:
ext411_tabpanel_iconcls_issue.png

[mitchellsimoens]

looking at the examples/tabs/tabs-adv.html the icons are appropriately sized and not cut off in FF14 and Chrome 20 on Windows or Mac.

[hschaefer123]

Hi Mitchell,
nice try, but the used icon tabs.gif is squared and has some transparent pixels on top!

There for you will not notice missing/clipped line at the top of the image!

If you use an icon that starts with show pixels in first line, you'll see the same behavior.

Believe me ;-)

Cheers Holger

[hschaefer123]

Steps to reproduce:

1) replace ..\examples\tabs\tabs-adv.css tabs class by

.tabs {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEBJREFUOE/tk7ENACAMw3wN1/C/GPjFhBfISiWPraImgaEVQi68wxQbkB0F7+CK/AIyeUHDd+G7kPw0Pbi7dRcOgtc33xdoo4wAAAAASUVORK5CYII=') !important;
}

2) open ..\examples\tabs\tabs-adv.html inside browser and see result

tab-issue.png


3) compare to original icon and see missing blue first line!

tab-issue-icon.png

[hschaefer123]

State should be open again!

[fschaeffer]

confirmed, still 1px on top is cut off (using Chrome, FF) on 4.1.1