diff --git a/src/case/colorchooser/colorchooser.js b/src/case/colorchooser/colorchooser.js
index 991be4a77..df4d9eb1b 100644
--- a/src/case/colorchooser/colorchooser.js
+++ b/src/case/colorchooser/colorchooser.js
@@ -39,7 +39,7 @@ BI.ColorChooser = BI.inherit(BI.Widget, {
                 width: o.el.type ? o.width : o.width - 2,
                 height: o.el.type ? o.height : o.height - 2
             }, o.el),
-            popup: {
+            popup: () => ({
                 el: BI.extend({
                     type: "bi.hex_color_chooser_popup",
                     recommendColorsGetter: o.recommendColorsGetter,
@@ -64,13 +64,13 @@ BI.ColorChooser = BI.inherit(BI.Widget, {
                 }, o.popup),
                 value: o.value,
                 width: 300
-            },
+            }),
             value: o.value
         });
 
         var fn = function () {
             var color = self.colorPicker.getValue();
-            self.trigger.setValue(color);
+            self.setValue(color);
         };
 
         this.combo.on(BI.Combo.EVENT_BEFORE_HIDEVIEW, function () {
@@ -98,7 +98,8 @@ BI.ColorChooser = BI.inherit(BI.Widget, {
     },
 
     setValue: function (color) {
-        this.combo.setValue((color || "").toLowerCase());
+        this.options.value = (color || "").toLowerCase();
+        this.combo.setValue(this.options.value);
     },
 
     getValue: function () {