#9471 closed bug (notabug)

Opened August 01, 2013 07:58AM UTC

Closed August 01, 2013 12:36PM UTC

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>

Attachments (0)
Change History (2)

Changed August 01, 2013 10:43AM UTC by tj.vantoll comment:1

owner: → ulker-jqueryui
status: new → pending

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

Changed August 01, 2013 12:36PM UTC by scottgonzalez comment:2

resolution: → notabug
status: pending → closed

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