summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ComboBox_4.html
diff options
context:
space:
mode:
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ComboBox_4.html')
-rw-r--r--webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ComboBox_4.html41
1 files changed, 41 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ComboBox_4.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ComboBox_4.html
new file mode 100644
index 0000000000..3d698e9a19
--- /dev/null
+++ b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/ComboBox_4.html
@@ -0,0 +1,41 @@
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>qooxdoo &raquo; Demo</title>
+ <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+ <!--[if IE]>
+ <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+ <![endif]-->
+ <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+ <script type="text/javascript" src="../../script/layout.js"></script>
+
+ <div id="demoDescription">
+ <p>Testing qx.ui.form.ComboBox behaviour when inside a container with scroll bars and the popup list goes off the screen.</p>
+ </div>
+
+ <script type="text/javascript">
+ qx.core.Init.getInstance().defineMain(function() {
+ var box = new qx.ui.layout.BoxLayout('vertical');
+ box.set({left: 5, right: 300, top: 30, bottom: 20, overflow: 'scroll', backgroundColor: '#FFE'});
+ for (var row = 0; row < 8; row++) {
+ var rowBox = new qx.ui.layout.BoxLayout;
+ rowBox.set({ marginBottom: 100, width: 'auto', height: 'auto' });
+ for (var col = 0; col < 8; col++) {
+ var cb = new qx.ui.form.ComboBox;
+ for (var i = 0; i < 15; i++) {
+ cb.add(new qx.ui.form.ListItem('Item '+i));
+ }
+ cb.setEditable(true);
+ cb.setValue('Row '+row+', col '+col);
+ cb.setMarginRight(100);
+ rowBox.add(cb);
+ }
+ box.add(rowBox);
+ }
+ box.addToDocument();
+ });
+ </script>
+</body>
+</html>