readonly observer to update styles

unicef-polymer · Feb 16, 2017 · 73a5fab · 73a5fab
1 parent e45148f
commit 73a5fab
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "etools-searchable-multiselection-menu",
   "description": "Dropdown menu with search and multiple options selection",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "license": "https://github.com/unicef-polymer/etools-searchable-multiselection-menu/blob/master/LICENSE.md",
   "main": "etools-searchable-multiselection-menu.html",
   "dependencies": {

diff --git a/etools-searchable-multiselection-menu.html b/etools-searchable-multiselection-menu.html
@@ -346,7 +346,8 @@
           readonly: {
             type: Boolean,
             value: function() { return false; },
-            reflectToAttribute: true
+            reflectToAttribute: true,
+            observer: '_readonlyStateChanged'
           },
           invalid: {
             type: Boolean,
@@ -455,6 +456,12 @@
           return disabled || readonly;
         },
 
+        _readonlyStateChanged: function(readonly, oldReadonly) {
+          if (typeof oldReadonly !== 'undefined' && readonly !== oldReadonly) {
+            this.updateStyles();
+          }
+        },
+
         _withoutSearchClass: function(hideSearch) {
           if (hideSearch) {
             return 'no-search';