Google Chrome line-height CSS Bug
|Reported by:||anonymous||Owned by:|
I found a bug and I'm not 100% sure if it is a jQuery bug or a Google Chrome bug.
I make a html page where I have Multiselect jQuery plugin which looks great in Chrome to. Also on that page I have a link that open a jQuery UI modal dialog, also with an Multiselect jQuery plugin in it. But here the text which stands in the selectbox is not valign middle, the text is on the top! In IE it looks good in that dialog, too!
So, now I search for the difference between the box on the main page and the box in the dialog, and Google Chrome have the brilliant developer tools and in this tools I look at the css style of that box at runtime.
And there are differences:
Mainpage box: -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; line-height: 14px;
Dialog box: -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: normal;
This are the important differences! How could that be?