improved docs

simkimsia · Aug 20, 2021 · a35c09c · a35c09c
1 parent 7b07f91
commit a35c09c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/dist/jQuery.tagify.min.js b/dist/jQuery.tagify.min.js
diff --git a/dist/tagify.min.js b/dist/tagify.min.js
diff --git a/index.html b/index.html
@@ -944,8 +944,8 @@ <h2><a href='#section-advance-options'>Advance options</a></h2>
                     </p>
                     <p>
                         Each (valid) tag gets a random color, via the <code>transformTag</code> callback which modifies the tag's data object before creating the tag element.
-                        Another way of giving colors to tags is <a href='https://github.com/yairEO/tagify/issues/644'>discussed here</a>.<br>
-                        Clicking a tag once will change its color.
+                        Another way of giving colors to tags is <a href='https://github.com/yairEO/tagify/issues/644'>discussed here</a>.
+                        Clicking a tag <strong>once</strong> will change its color.
                     </p>
                     <p>
                         HTML5 <code>pattern</code> attribute is automatically used to validate tags.<br>
@@ -1204,6 +1204,10 @@ <h2><a href='#section-mode-select'>single-value select</a></h2>
                     <p>
                         Similar to native <code>&lt;Select&gt;</code> element, but allows free text as value.
                     </p>
+                    <p>
+                        If the `enforceWhitelist` setting is set to `true` and a tag is currently selected,
+                        user text input will be disabled, so altering the currently selected tag is forbidden.
+                    </p>
                     <details>
                       <summary></summary>
                     <h3>HTML</h3>
@@ -2217,6 +2221,7 @@ <h3>JAVASCRIPT</h3>
 (function(){
 var input = document.querySelector('input[name=tags-select-mode]'),
     tagify = new Tagify(input, {
+        enforceWhitelist: true,
         mode : "select",
         whitelist: ["first option", "second option", "third option"],
         blacklist: ['foo', 'bar'],