@qooxdoo/framework 7.6.1 → 7.6.3

package/source/class/qx/ui/form/SelectBox.js

@@ -81,7 +81,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
   */
 
   properties: {
-    // overridden
+    /**@override*/
     appearance: {
       refine: true,
       init: "selectbox"
@@ -114,7 +114,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       this.getChildControl("atom").setRich(value);
     },
 
-    // overridden
+    /**@override*/
     _defaultFormat(item) {
       if (item) {
         if (typeof item.isRich == "function" && item.isRich()) {
@@ -125,7 +125,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       return null;
     },
 
-    // overridden
+    /**@override*/
     _createChildControlImpl(id, hash) {
       var control;
 
@@ -147,14 +147,29 @@ qx.Class.define("qx.ui.form.SelectBox", {
           control = new qx.ui.basic.Image();
           control.setAnonymous(true);
 
-          this._add(control);
+          this.getQxObject("arrowButton")._add(control);
+          this._add(this.getQxObject("arrowButton"));
           break;
       }
 
       return control || super._createChildControlImpl(id);
     },
 
-    // overridden
+    /**@overload */
+    _createQxObjectImpl(id) {
+      switch (id) {
+        case "arrowButton":
+          var layout = new qx.ui.layout.HBox().set({ alignY: "middle" });
+          return new qx.ui.container.Composite(layout).set({
+            allowGrowY: true,
+            appearance: "selectbox-arrow-button"
+          });
+      }
+
+      return super._createQxObjectImpl(id);
+    },
+
+    /**@override*/
     /**
      * @lint ignoreReferenceField(_forwardStates)
      */
@@ -306,7 +321,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       this.toggle();
     },
 
-    // overridden
+    /**@override*/
     _onKeyPress(e) {
       var iden = e.getKeyIdentifier();
       if ((iden == "Down" || iden == "Up") && e.isAltPressed()) {
@@ -341,7 +356,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       this.getChildControl("list").dispatchEvent(clone);
     },
 
-    // overridden
+    /**@override*/
     _onListPointerDown(e) {
       // Apply pre-selected item (translate quick selection to real selection)
       if (this.__preSelectedItem) {
@@ -350,7 +365,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       }
     },
 
-    // overridden
+    /**@override*/
     _onListChangeSelection(e) {
       var current = e.getData();
       var old = e.getOldData();
@@ -399,7 +414,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       }
     },
 
-    // overridden
+    /**@override*/
     _onPopupChangeVisibility(e) {
       super._onPopupChangeVisibility(e);
 

package/source/class/qx/ui/mobile/dialog/Popup.js

@@ -133,6 +133,7 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
 
   members: {
     __isShown: false,
+    __isPlaced: false,
     __childrenContainer: null,
     __percentageTop: null,
     __anchor: null,
@@ -223,8 +224,8 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
 
           this.placeTo(computedPopupPosition.left, computedPopupPosition.top);
         }
-      } else if (this.__childrenContainer) {
-        // No Anchor
+      } else if (this.__childrenContainer && !this.__isPlaced) {
+        // No Anchor and not placed to point manually
         this._positionToCenter();
       }
     },
@@ -239,9 +240,6 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
 
         this.__registerEventListener();
 
-        // Move outside of viewport
-        this.placeTo(-1000, -1000);
-
         // Needs to be added to screen, before rendering position, for calculating
         // objects height.
         super.show();
@@ -323,6 +321,7 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
      * @param top {Integer} - the value the will be set to container's top style property
      */
     placeTo(left, top) {
+      this.__isPlaced = true;
       this._setStyle("left", left + "px");
       this._setStyle("top", top + "px");
     },
@@ -581,6 +580,7 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
     this._disposeObjects("__childrenContainer");
 
     this.__isShown =
+      this.__isPlaced =
       this.__percentageTop =
       this._anchor =
       this.__widget =

package/source/class/qx/ui/treevirtual/SimpleTreeDataModel.js

@@ -809,10 +809,13 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataModel", {
      *   has completed building or modifying a tree by issuing a series of
      *   calls to {@link #addBranch} and/or {@link #addLeaf}.
      *
+     * @param bRerender {Boolean?true}
+     *  Rerender the tree data after setting the data. If set false it becomes the caller's responsibility to
+     *    call setData() subsequently to cause a redraw.
      *
      * @throws {Error} If the parameter has the wrong type.
      */
-    setData(nodeArr) {
+    setData(nodeArr, bRerender = true) {
       this._checkEditing();
       if (nodeArr instanceof Array) {
         // Save the user-supplied data.
@@ -825,8 +828,10 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataModel", {
         );
       }
 
-      // Re-render the row array
-      this.__render();
+      // Re-render the row array, if so requested
+      if (bRerender) {
+        this.__render();
+      }
 
       // Set selections in the selection model now
       var selectionModel = this.getTree().getSelectionModel();
@@ -859,11 +864,14 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataModel", {
     /**
      * Clears the tree of all nodes
      *
+     * @param bRerender {Boolean?true}
+     *   Rerender the tree data after clearing. If set false it becomes the caller's responsibility to
+     *    call setData() subsequently to cause a redraw.
      */
-    clearData() {
+    clearData(bRerender = true) {
       this._checkEditing();
       this._clearSelections();
-      this.setData([qx.ui.treevirtual.MTreePrimitive._getEmptyTree()]);
+      this.setData([qx.ui.treevirtual.MTreePrimitive._getEmptyTree()], bRerender);
     },
 
     /**

package/source/class/qx/ui/window/Manager.js

@@ -81,6 +81,9 @@ qx.Class.define("qx.ui.window.Manager", {
      * {@link qx.ui.core.queue.Widget widget queue}.
      */
     syncWidget() {
+      if (this.isDisposed()){
+        return;
+      }
       this.__desktop.forceUnblock();
 
       var windows = this.__desktop.getWindows();

package/source/resource/qx/mobile/scss/common/_scroller.scss

@@ -30,7 +30,7 @@
 
   overflow-y:scroll;
   overflow-x:scroll;
-  
+
   -webkit-overflow-scrolling:touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;
 }
@@ -59,7 +59,7 @@
 .scrollbarV > div {
   @include background-clip(padding-box);
   @include box-sizing(border-box);
-  @include border-radius(rem(4));
+  @include border-radius(px-to-rem(4));
 
   background-color: #888888;
   position: absolute;
@@ -70,10 +70,10 @@
 
 .scrollbarV {
   position: absolute;
-  top: rem(2);
-  right: rem(2);
-  bottom: rem(2);
-  width: rem(6);
+  top: px-to-rem(2);
+  right: px-to-rem(2);
+  bottom: px-to-rem(2);
+  width: px-to-rem(6);
   z-index: 100;
 
   margin-top: 0 !important;

package/source/resource/qx/mobile/scss/theme/flat/_styles.scss

@@ -24,10 +24,10 @@ $application-text-color: $color-1;
 // Button
 
 $button-text-color: $highlight-color;
-$button-font-size: rem(15);
+$button-font-size: px-to-rem(15);
 $button-font-weight: normal;
 $button-active-text-color: $color-5;
-$button-border-radius: rem(2);
+$button-border-radius: px-to-rem(2);
 $button-border-color: $color-3;
 $button-active-border-color: $highlight-color;
 $button-background: $color-5;
@@ -35,40 +35,40 @@ $button-active-background: $highlight-color;
 
 // Carousel
 
-$carousel-pagination-size: rem(10);
+$carousel-pagination-size: px-to-rem(10);
 $carousel-pagination-background: $color-5;
 $carousel-pagination-border-color: rgba($background-color,0.6);
 $carousel-pagination-active-background: $highlight-color;
 $carousel-pagination-active-border-color: $background-color;
 $carousel-pagination-border-radius: $carousel-pagination-size;
-$carousel-pagination-font-size: rem(1);
+$carousel-pagination-font-size: px-to-rem(1);
 $carousel-pagination-font-color: rgba(0,0,0,0);
 
 // Checkbox
 
-$checkbox-size: rem(30);
+$checkbox-size: px-to-rem(30);
 $checkbox-tick-color: $highlight-color;
-$checkbox-tick-size: rem(14);
-$checkbox-tick-width: rem(5);
+$checkbox-tick-size: px-to-rem(14);
+$checkbox-tick-width: px-to-rem(5);
 $checkbox-tick-shadow: rgba(0,0,0,0);
-$checkbox-border-radius: rem(2);
+$checkbox-border-radius: px-to-rem(2);
 $checkbox-border-color: $color-3;
 $checkbox-background: $color-4;
 
 // Collapsible
 
-$collapsible-border-radius: rem(3);
+$collapsible-border-radius: px-to-rem(3);
 $collapsible-header-border-color: $color-4;
 $collapsible-header-text-color: $highlight-color;
 $collapsible-header-active-text-color: $color-5;
 $collapsible-header-background: $color-5;
 $collapsible-header-active-background: $highlight-color;
-$collapsible-header-padding: rem(10);
-$collapsible-header-content-distance: rem(10);
+$collapsible-header-padding: px-to-rem(10);
+$collapsible-header-content-distance: px-to-rem(10);
 $collapsible-content-border-color: $color-4;
-$collapsible-content-padding: rem(10);
+$collapsible-content-padding: px-to-rem(10);
 $collapsible-content-background-color: $color-5;
-$collapsible-arrow-size: rem(8);
+$collapsible-arrow-size: px-to-rem(8);
 $collapsible-arrow-color: $color-3;
 $collapsible-active-arrow-color: $color-5;
 
@@ -84,9 +84,9 @@ $dialog-border-color: $highlight-color;
 $dialog-background: $color-2;
 $dialog-arrow-up-color: $color-2;
 $dialog-arrow-down-color: $color-2;
-$dialog-arrow-size: rem(12);
-$dialog-arrow-position-offset: rem(16);
-$dialog-border-radius: rem(2);
+$dialog-arrow-size: px-to-rem(12);
+$dialog-arrow-position-offset: px-to-rem(16);
+$dialog-border-radius: px-to-rem(2);
 $dialog-title-text-color: $color-5;
 $dialog-font-weight: normal;
 
@@ -96,7 +96,7 @@ $form-background: $color-5;
 $form-title-text-color: $color-1;
 $form-label-text-color: $color-1;
 $form-border-color: $color-5;
-$form-border-radius: rem(2);
+$form-border-radius: px-to-rem(2);
 $form-font-weight: normal;
 
 // Group
@@ -104,13 +104,13 @@ $form-font-weight: normal;
 $group-background: $color-5;
 $group-border-color: $color-5;
 $group-title-text-color: $color-1;
-$group-border-radius: rem(2);
+$group-border-radius: px-to-rem(2);
 
 // Input
 
 $input-text-color: $color-1;
 $input-background: $color-5;
-$input-border-radius: rem(2);
+$input-border-radius: px-to-rem(2);
 $input-border-color: $color-3;
 $input-invalid-border-color: red;
 $input-active-border-color: $highlight-color;
@@ -119,22 +119,22 @@ $input-active-border-color: $highlight-color;
 
 $list-background: $color-5;
 $list-title-text-color: $color-1;
-$list-title-font-size: rem(17);
+$list-title-font-size: px-to-rem(17);
 $list-title-font-weight: normal;
 $list-subtitle-text-color: $highlight-color;
-$list-subtitle-font-size: rem(13);
+$list-subtitle-font-size: px-to-rem(13);
 $list-border-color: $color-4;
 $list-active-background: $highlight-color;
 $list-active-text-color: $color-5;
-$list-border-radius: rem(2);
-$list-arrow-size: rem(3);
-$list-arrow-thickness: rem(2);
+$list-border-radius: px-to-rem(2);
+$list-arrow-size: px-to-rem(3);
+$list-arrow-thickness: px-to-rem(2);
 $list-arrow-color: $color-2;
 $list-active-arrow-color: $color-5;
-$list-group-header-height: rem(30);
+$list-group-header-height: px-to-rem(30);
 $list-group-header-color: $color-2;
 $list-group-header-background: $color-5;
-$list-group-header-font: normal rem(16) sans-serif;
+$list-group-header-font: normal px-to-rem(16) sans-serif;
 
 // Menu
 
@@ -143,16 +143,16 @@ $menu-item-selected-background: $highlight-color;
 
 // NavigationBar
 
-$navigationbar-height: rem(35);
+$navigationbar-height: px-to-rem(35);
 $navigationbar-background: $color-2;
-$navigationbar-text-size: rem(18);
+$navigationbar-text-size: px-to-rem(18);
 $navigationbar-text-color: $color-5;
-$navigationbar-padding: rem(4);
+$navigationbar-padding: px-to-rem(4);
 $navigationbar-font-weight: normal;
 
 // NavigationBar Button
 
-$navigationbarbutton-border-radius: rem(3);
+$navigationbarbutton-border-radius: px-to-rem(3);
 $navigationbarbutton-background: $color-5;
 $navigationbarbutton-border-color: rgba(0,0,0,0);
 $navigationbarbutton-text-color: $highlight-color;
@@ -172,20 +172,20 @@ $picker-spinning-wheel-overlay: rgba($background-color,1),rgba($background-color
 $picker-spinning-wheel-text-color: $color-1;
 $picker-spinning-wheel-background: $color-5;
 $picker-highlight-color: rgba($highlight-color,0.5);
-$picker-highlight-border-width: rem(2);
+$picker-highlight-border-width: px-to-rem(2);
 $picker-spinning-wheel-divider-color: $color-3;
-$picker-spinning-wheel-divider-width: rem(1);
+$picker-spinning-wheel-divider-width: px-to-rem(1);
 
 // Deprecated in 4.1
-$picker-spinning-wheel-border-radius: rem(2);
-$picker-label-height: rem(25);
-$picker-label-font-size: rem(16);
-$picker-height: rem(160);
+$picker-spinning-wheel-border-radius: px-to-rem(2);
+$picker-label-height: px-to-rem(25);
+$picker-label-font-size: px-to-rem(16);
+$picker-height: px-to-rem(160);
 // -----------------
 
 // RadioButton
 
-$radiobutton-size: rem(32);
+$radiobutton-size: px-to-rem(32);
 $radiobutton-dot-color: $highlight-color;
 $radiobutton-dot-shadow: rgba(0,0,0,0);
 $radiobutton-background: $color-4;
@@ -193,7 +193,7 @@ $radiobutton-border-color: $color-3;
 
 // SelectBox
 
-$selectbox-border-radius: rem(2);
+$selectbox-border-radius: px-to-rem(2);
 $selectbox-border-color: $color-3;
 $selectbox-text-color: $highlight-color;
 $selectbox-background: $color-4;
@@ -204,14 +204,14 @@ $selectbox-item-selected-background: $highlight-color;
 
 // Slider
 
-$slider-height: rem(6);
+$slider-height: px-to-rem(6);
 $slider-background: $color-4;
 $slider-active-area: $highlight-color;
-$slider-border-radius: rem(2);
+$slider-border-radius: px-to-rem(2);
 $slider-border-color: $color-5;
-$slider-knob-border-radius: rem(15);
-$slider-knob-width: rem(40);
-$slider-knob-height: rem(30);
+$slider-knob-border-radius: px-to-rem(15);
+$slider-knob-width: px-to-rem(40);
+$slider-knob-height: px-to-rem(30);
 $slider-knob-background: $color-5;
 $slider-knob-border-color: $color-3;
 $slider-shadow: rgba(0,0,0,0);
@@ -219,13 +219,13 @@ $slider-font-color: $highlight-color;
 
 // Spinner
 
-$spinner-border-thickness: rem(3);
+$spinner-border-thickness: px-to-rem(3);
 $spinner-border-color: white;
-$spinner-size: rem(14);
+$spinner-size: px-to-rem(14);
 
 // Tabbar
 
-$tabbar-height: rem(45);
+$tabbar-height: px-to-rem(45);
 $tabbar-divider-color: $highlight-color;
 $tabbar-active-background: $highlight-color,$highlight-color;
 $tabbar-active-border-color: $highlight-color;
@@ -233,24 +233,24 @@ $tabbar-inactive-background: $color-3;
 $tabbar-inactive-border-color: $color-3;
 $tabbar-active-text-color: $color-5;
 $tabbar-inactive-text-color: $color-5;
-$tabbar-border-radius: rem(2);
-$tabbar-button-distance: rem(4);
+$tabbar-border-radius: px-to-rem(2);
+$tabbar-button-distance: px-to-rem(4);
 
 // ToggleButton
 
-$togglebutton-width: rem(90);
-$togglebutton-height: rem(35);
-$togglebutton-border-radius: rem(30);
+$togglebutton-width: px-to-rem(90);
+$togglebutton-height: px-to-rem(35);
+$togglebutton-border-radius: px-to-rem(30);
 $togglebutton-border-color: $color-3;
 $togglebutton-text-color: $highlight-color;
 $togglebutton-background: $color-4;
 $togglebutton-active-background: $highlight-color;
 $togglebutton-knob-background: $color-5;
-$togglebutton-knob-width: rem(35);
+$togglebutton-knob-width: px-to-rem(35);
 $togglebutton-active-text-color: $color-5;
 $togglebutton-inset-shadow: rgba(0,0,0,0);
 $togglebutton-knob-shadow: rgba(0,0,0,0.4);
-$togglebutton-font-size: rem(12);
+$togglebutton-font-size: px-to-rem(12);
 $togglebutton-font-weight: normal;
 
 // Toolbar
@@ -260,6 +260,6 @@ $toolbar-background: $color-5;
 $toolbar-active-background: $highlight-color;
 $toolbar-active-text-color: $color-5;
 $toolbar-border-color: $color-3;
-$toolbar-border-radius: rem(2);
+$toolbar-border-radius: px-to-rem(2);
 $toolbar-font-weight: normal;
-$toolbar-padding:  rem(5);
+$toolbar-padding:  px-to-rem(5);