Hi Alex, Sorry it's taken so long to get back to this one and get a simple test case, but I've finally done it. I had two problems with my combobox: 1) the drop down was off to one side somewhere, and 2) the text in each line was horizontally centred; I mention them both because they seem to be triggered by the same bug. This affects FF3 and IE7.
My sample code is below, but it's worth noting that the problem with positioning the drop down goes away if you remove the DOCTYPE declaration and/or remove the "qxsettings['qx.enableApplicationLayout'] = false;". The problem where the rows in the drop down are centred is caused by our CSS - the body tag has "text-align: center" but has a single tag inside it with the id=wrapper that has "text-align: left"; this is to get around an IE6 bug with centring content. The drop down is created as a child of the body tag which is why it has the "text-align:center" style set, and presumably is also why the drop down is positioned off to the side. Regards, John ============================ qxtest.html =============================== <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html> <head> <link href="/public/qxtest.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> <h1>Admin</h1> </div> <div id="topNav"> </div> <div id="content"> <form> <script type="text/javascript">qxsettings = new Object(); qxsettings['qx.enableApplicationLayout'] = false;</script> <script type="text/javascript" src="/public/source/script/custom.js"></script> </form> </div> </div> </body> </html> ========================== custom/Application.js ========================= qx.Class.define("custom.Application", { extend : qx.application.Gui, members : { main : function() { this.base(arguments); var app = qx.core.Init.getInstance().getApplication(); var doc = qx.ui.core.ClientDocument.getInstance(); myInlineWidget = new qx.ui.basic.Inline("content"); doc.add(myInlineWidget); atom = new qx.ui.form.ComboBoxEx(); atom.setSelection([['1', 'uk'], ['2', 'germany'], ['3', 'france']]); myInlineWidget.add(atom); } } }); ================================ /public/qxtest.css ================================== * { margin: 0px; padding: 0px; } body { font-family: verdana, arial, sans-serif; font-size: 11px; text-align: center; } #wrapper { text-align: left; margin: 10px; border: 1px solid #6b6b6b; } #header { position: relative; height: 60px; } #topNav { height: 30px; border: 1px solid #858499; margin: 2px; } -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Alexander Back Sent: 18 August 2008 08:32 To: qooxdoo Development Subject: Re: [qooxdoo-devel] ComboBoxEx drop down in the wrong place on screen Hi John, do you already tested your ComboBoxEx widget inside a qooxdoo application to get to know the "Inline" usage is the problem? How do you setup the "Inline" usage? cheers, Alex John Spackman wrote: > Hi guys, > > > > I'm having some odd layout issues with 0.7.3 and ComboBoxEx where the drop > down is some distance away from the combo box itself, and the items in the > list are centred rather than left justified. Also, if I right-click the > combobox, the "Search" context menu appears briefly for a fraction of a > second and then moves to roughly the same place as the drop down. Any > ideas? > > > > I stripped my app down to just a combo and it still happens, so the only > thing I can think of that might cause this is that I'm using the "Inline" > method to integrate it inside an existing website design. > > John ------------------------------------------------------------------------- This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the world http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ qooxdoo-devel mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel ------------------------------------------------------------------------- This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the world http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ qooxdoo-devel mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
