Would it be possible to update the constraints for, elm-community/list-extra? Use of kirchner/elm-selectize requires that I downgrade my version of list-extra.

(I am aware that MultiSelectize is not publicly released yet)

This issue shows up in both my own project and the demo. On the demo page, notice that if I select "Kermit the Frog" and then immediately unselect it, that item is not immediately available again in the dropdown. Instead, I have to close the dropdown first and then re-open it. Alternatively, if I select "Miss Piggy," "Kermit the Frog" is available in the dropdown without reopening it.

The cause is that the handler for the UnselectAt message does not touch the state in Internal.MultiSelectize, seen here.

        UnselectAt position ->
            ( state
            , focus state.id
            , Just (unselect position)
            )

Not updating the state here means that the change will not be picked up in the internal state until after the user unselects the item in their own model. Then the internal update will notice the change in another MultiSelectize.Msg like OpenMenu or Select.

I can submit a PR later if this fix is desired.

I assume one could change the model to be something like:

type alias Model =
-   { selection : Maybe String
+   { selection : Maybe (List String)
    , menu : Selectize.State String
    }

Would have been lovely to see such an example (so I wouldn't have to do all the hard work, and just copy from what you've done 😉 )

Have you thought more about the multi-select API? Would love to be able to do what's on the demo now.

When printing a page the selectize menu shows up as a gray box occluding other content.

Please add this CSS!
@media print { div.selectize__menu { display: none; } }

Is it possible to change the name of the CSS class container?

I want to use bootstrap which uses the same name for its container class.

Right now, SelectTree Message is emitted every time the User types in a Character or removes one.

I was under the impression that this Message will only be sent, if the User either selects an Item or clears the Selection.
Is the current behaviour desired?

hello

is there an easier way to update the menu entries?

this is my code but it can't find Entry or Divider so it doesn't work...

SearchResponse ((RemoteData.Success items) as data) ->
            let
                menu =
                    model.textfieldMenu

                addLabel e =
                    case e of
                        Entry a ->
                            LEntry a (toLabel a)

                        Divider text ->
                            LDivider text

                labeledEntries =
                    List.concat [ [ Selectize.divider "Cities" ], webDataToList data |> List.map Selectize.entry ] |> List.map addLabel
            in
            ( { model
                | textfieldMenu =
                    { menu
                        | entries =
                            labeledEntries
                    }
              }
            , Cmd.none
            )

The build is failed due to Browser.Dom import. Is this fixed yet? Thank you

Trying to find the source behind the multi selectize in the demo but unable to. I thought it would be part of the demo/demo.elm, all I found though was this issue saying that it isn't implemented in this repo: #2 dating back to august.

So is the functionality shown in the demo implemented in the repo? Confused... if yes, how do I do multi selection? ( as on further investigation, there are commits related to it! :)

I already figured out that putting a Cmd.msg on textfieldSelection is a good way to capture selection

But what is a good way to access the value of Attributes.value query in autocomplete?