Icon.js: properties are not applied

Setting visible to false should hide the icon. This does not happen
because the properties are rendered before the $container is created.

1 files changed, 5 insertions, 4 deletions

diff --git a/eclipse-scout-core/src/image/Icon.js b/eclipse-scout-core/src/image/Icon.js
index ad38202a61..5ebe04c378 100644
--- a/eclipse-scout-core/src/image/Icon.js
+++ b/eclipse-scout-core/src/image/Icon.js
@@ -37,9 +37,8 @@ export default class Icon extends Widget {
     this._setIconDesc(this.iconDesc);
   }
 
-  _renderProperties() {
-    super._renderProperties();
-    this._renderIconDesc();
+  _render() {
+    this._renderIconDesc(); // Must not be in _renderProperties because it creates $container -> properties like visible etc. need to be rendered afterwards
   }
 
   /**
@@ -64,7 +63,9 @@ export default class Icon extends Widget {
     } else {
       this._renderImageIcon();
     }
-
+    if (!this.rendering) {
+      this._renderProperties();
+    }
     this.invalidateLayoutTree();
   }