Label does not float when I provide an Options.onInput

[lwheng]

I refer you to the "Labelled textfield, floating label" example for textfields. It seems that when I provide an onInput, the label won't float. Below is a screenshot when I added an Options.onInput to the textfield in your demo

[Edit] I forgot to mention that it is only after the textfield is out of focus

[lwheng]

It appears that is-dirty is not set

[lwheng]

My hack:

Mdl msg_ ->
    Material.update Mdl (Debug.log "msg_" msg_) model |> Just

Upd2 str ->
  let
    newModel = { model | str2 = str }
  in
    update (Mdl <| Component.TextfieldMsg [2] (Textfield.Input str)) newModel

I added a Debug.log "msg_" msg_ and observed that when I added an Options.onInput to the Textfield, the Input (Textfield's Msg) is not triggered. So this hack is to trigger it manually

[lwheng]

Ah.. another hack:

Textfield.render Mdl
    [ 2 ]
    model.mdl
    [ Textfield.label "Floating label"
    , Textfield.floatingLabel
    , Textfield.text_
    , Options.onInput Upd2
    , Textfield.value model.str2
    ]
    []

Notice Textfield.value model.str2. This is probably the better hack I guess

[lwheng]

Looks like people are just dealing it with a workaround #333

[yhendry]

The link issue/333 didn't work

[lwheng]

Updated the URL. Turns out I'm an idiot with markdown