[bug]select2 setValue report a error and not select it about json-editor HOT 8 CLOSED

Here's a select2 example:

• Demo: https://json-editor.github.io/json-editor/select2.html
• Source: https://github.com/json-editor/json-editor/blob/master/docs/select2.html

If you use tags-style you need type: array, I think ... simple example

from json-editor.

@schmunk42 , In your example same console error output

{
  "title": "Person",
  "type": "object",
  "properties": {
    "tags": {
      "type": "array",
      "format": "select2",
      "uniqueItems": true,
      "items": {
        "type": "string",
        "enum": [
          "bold",
          "italic",
          "smallcaps"
        ]
      }
    }
  }
}

jsoneditor.getEditor('root.tags').setValue(['dddddd1'])
// OR
jsoneditor.getEditor('root.tags').setValue('dddddd2')  // same error
// OR
jsoneditor.setValue({'tags':'fffffff3'}) // same error
// OR
jsoneditor.setValue({'tags':['fffffff4'] }) // same error

jsoneditor.min.js:8 Uncaught TypeError: this.input.appendChild(...).trigger is not a function
    at a.value (jsoneditor.min.js:8:145371)
    at a.value (jsoneditor.min.js:8:144911)
    at a.value (jsoneditor.min.js:8:143747)
    at <anonymous>:1:35

from json-editor.

It shows the error you mentioned if you use a non-exisiting value, but with an existing value it looks good to me:

from json-editor.

I know there's no problem using existing values... I was reporting an BUG when setvalue a non-existent value ...
BTW, origin Select2 supports non-existent value when using tags=true.
@schmunk42

from json-editor.

Funny thing is, in the example you can enter a custom value, click twice ... first click show the error, second click adds the value.

However, a validation error is still triggered because the value is not contained in the enumeration list.

I think you'd need a custom editor which saves the values as comma-separated string.

from json-editor.

i already known :( .......
source code not quote $ the appendChild(xxx).trigger(xx)...

fix to

// this.input.appendChild(new Option(sanitized, sanitized, false, false)).trigger('change') 
 $(this.input.appendChild(new Option(sanitized, sanitized, false, false))).trigger('change') 

@schmunk42 please fix it.

from json-editor.

@germanbisurgi Please have a look and reopen if it's a bug.

from json-editor.

@schmunk42 @germanbisurgi anyone check it?

from json-editor.