Opened 10 years ago
Closed 10 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 10 years ago by
Owner: | set to ulker-jqueryui |
---|---|
Status: | new → pending |
comment:2 Changed 10 years ago by
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.
Please create a test case in jsBin or jsFiddle. I'm not seeing the issue you're describing: http://jsfiddle.net/tj_vantoll/uYsYC/.