Clearing a list requires two clicks

[alexbainbridge]

Thanks for this component.

Example

<treeselect v-model="internalValue" :disable-branch-nodes="true" :clearable="true" :async="true" :load-options="loadTreeOptions"/>

State 1 - With a value set (and you can see the x for clearing the input)

State 2 - You click the cross and it now shows...

State 3 - Click the cross again and you get...

The value below the treeselect is a json representation of what the ID looks like

My expectation is that when you are in state 1, and you click the cross, the component should go straight to state 3.

Thanks!
Alex

[alexbainbridge]

Ok I think I have worked out what is going on here.

When you click X for clear, this sets to UNDEFINED. When it should be setting to NULL.

I now watch the value, if it is about to be set to undefined, I set to null instead..... and this resolves this problem