Bug Tracker

Opened 4 years ago

Closed 4 years ago

Last modified 2 years ago

#9813 closed bug (invalid)

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

Change History (3)

comment:1 Changed 4 years ago by addyosmani

  • Component changed from unfiled to misc
  • Priority changed from undecided to low
  • Resolution set to invalid
  • Status changed from new to closed

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.

comment:2 Changed 2 years ago by anonymous

comment:3 Changed 2 years ago by Santosh Kori

Note: See TracTickets for help on using tickets.