Skip to main content

Bug Tracker

Side navigation

#9813 closed bug (invalid)

Opened July 13, 2011 09:05AM UTC

Closed July 13, 2011 12:58PM UTC

Last modified November 12, 2013 07:34AM UTC

Google Chrome line-height CSS Bug

Reported by: anonymous Owned by:
Priority: low Milestone: None
Component: misc Version: 1.6.1
Keywords: Cc:
Blocked by: Blocking:

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?

Best regards

Attachments (0)
Change History (3)

Changed July 13, 2011 12:58PM UTC by addyosmani comment:1

component: unfiledmisc
priority: undecidedlow
resolution: → invalid
status: newclosed

Thanks for submitting a ticket to the jQuery project! Unfortunately, we are unable to assist with issues related to jQuery UI or third party plugins.

For assistance with jQuery UI related widgets or issues, please file a ticket on the jQuery UI bug tracker or ask for help in the jQuery forums.

Changed November 12, 2013 07:34AM UTC by anonymous comment:2

Changed November 12, 2013 07:34AM UTC by Santosh Kori comment:3