fixes #854 - Support "disabled" input attribute

yairEO · Jul 3, 2021 · 79408ea · 79408ea
1 parent 2f9b41c
commit 79408ea
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/dist/react.tagify.js b/dist/react.tagify.js
@@ -89,6 +89,7 @@ const TagifyWrapper = ({
   onDropdownNoMatch = noop,
   onDropdownUpdated = noop,
   readOnly,
+  disabled,
   children,
   settings = {},
   InputMode = "input",
@@ -112,6 +113,7 @@ const TagifyWrapper = ({
     defaultValue: children || typeof _value == 'string' ? _value : JSON.stringify(_value),
     className,
     readOnly,
+    disabled,
     autoFocus,
     placeholder
   }), []);
@@ -166,9 +168,9 @@ const TagifyWrapper = ({
   }, [loading]);
   (0, _react.useEffect)(() => {
     if (mountedRef.current) {
-      tagify.current.setReadonly(readOnly);
+      tagify.current.setReadonly(readOnly || disabled);
     }
-  }, [readOnly]);
+  }, [readOnly, disabled]);
   (0, _react.useEffect)(() => {
     const t = tagify.current;
 

diff --git a/dist/tagify.min.js b/dist/tagify.min.js
@@ -1819,7 +1819,7 @@
 
       var _s = this.settings = extend({}, DEFAULTS, settings);
 
-      _s.readonly = input.hasAttribute('readonly'); // if "readonly" do not include an "input" element inside the Tags component
+      _s.readonly = input.hasAttribute('readonly') || input.hasAttribute('disabled'); // if "readonly" do not include an "input" element inside the Tags component
 
       _s.placeholder = input.getAttribute('placeholder') || _s.placeholder || "";
       _s.required = input.hasAttribute('required');

diff --git a/src/react.tagify.js b/src/react.tagify.js
@@ -49,6 +49,7 @@ const TagifyWrapper = ({
     onDropdownNoMatch = noop,
     onDropdownUpdated = noop,
     readOnly,
+    disabled,
     children,
     settings = {},
     InputMode = "input",
@@ -71,6 +72,7 @@ const TagifyWrapper = ({
         defaultValue: children || typeof _value == 'string' ? _value : JSON.stringify(_value),
         className,
         readOnly,
+        disabled,
         autoFocus,
         placeholder,
     }), [])
@@ -164,9 +166,9 @@ const TagifyWrapper = ({
 
     useEffect(() => {
         if (mountedRef.current) {
-            tagify.current.setReadonly(readOnly)
+            tagify.current.setReadonly(readOnly || disabled)
         }
-    }, [readOnly])
+    }, [readOnly, disabled])
 
     useEffect(() => {
         const t = tagify.current

diff --git a/src/tagify.js b/src/tagify.js
@@ -97,7 +97,7 @@ Tagify.prototype = {
 
         var _s = this.settings = extend({}, DEFAULTS, settings)
 
-        _s.readonly = input.hasAttribute('readonly') // if "readonly" do not include an "input" element inside the Tags component
+        _s.readonly = input.hasAttribute('readonly') || input.hasAttribute('disabled') // if "readonly" do not include an "input" element inside the Tags component
         _s.placeholder = input.getAttribute('placeholder') || _s.placeholder || ""
         _s.required = input.hasAttribute('required')