Focus area is 100 % of it's parent not just the input box + label.

[AionDev]

I added a orange background to the hole text input.

Code looks something like this:

Input.text DefaultInput
        ([ width << px <| toFloat 80
         , height <| px 36
         , paddingLeft 15
         ]
        )
        { onChange = NoOpWithText
        , value = "0"
        , label =
            Input.placeholder
                { text = "pret"
                , label =
                    el InputLabelStyle [ verticalCenter ] (text "lei")
                        |> el None [ vary MakeRed True ]
                        |> Input.labelRight
                }
        , options =
            [ "longer feedback here."
                |> text
                >> el FeedbackText [ vary InfoStyle True ]
                >> Input.errorBelow
            ]
        }
        |> el None [ vary MakeOrange True, width content ]

I expect that the onFocus event will be triggered only when clicking on the input box - or on the label -- but not when clicking on the parent containing everything including the feedback. Thanks 😃

[littleStudent]

I am having the exact same issue. Is there a way around this for now?

[AionDev]

@littleStudent i coudn't find a way, I left it like this for now, but if you rely need it maybe use html node and convert back using html function- pain in the ass i know 😁