Opened 7 years ago

Closed 7 years ago

#9471 closed bug (notabug)

jqueryui ui-widget class has issues with yui3 css grid

Reported by: ulker-jqueryui Owned by: ulker-jqueryui
Priority: minor Milestone: none
Component: ui.css-framework Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:

Description

i have a weird issue. the following code (you may try it in http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic) drops the second div (the one with yui3-u-5-6 class) into the second line. and the only reason seems to be the font-family property in ui-widget class. by default it is as follows: font-family:Lucida Grande,Lucida Sans,Arial,sans-serif

if i disable this using developer tools or if i remove lucida fonts and convert it into font-family:Arial,sans-serif

second div comes back up. what is the relation of the font with the width of a div? am i missing something here?

thanks -shane

<!DOCTYPE html> <head> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.11.0/build/cssnormalize/cssnormalize-min.css">

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.11.0/build/cssfonts/cssfonts-min.css"> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.11.0/build/cssgrids/cssgrids-min.css"> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.css">

</head> <html> <body> <div class="ui-widget"> <div class="yui3-g" style="margin: 5px 0;">

<div class="yui3-u-1-4">

Request owner:

</div> <div class="yui3-u-3-4">

shane ulker

</div></div>

</body> </html>

Change History (2)

comment:1 Changed 7 years ago by tj.vantoll

Owner: set to ulker-jqueryui
Status: newpending

Please create a test case in jsBin or jsFiddle. I'm not seeing the issue you're describing: http://jsfiddle.net/tj_vantoll/uYsYC/.

comment:2 Changed 7 years ago by Scott González

Resolution: notabug
Status: pendingclosed

Even if there is a clash. If just changing the font causes the problem, this is not a jQuery UI problem.

Note: See TracTickets for help on using tickets.