[:input {:type "number"}] is broken in 0.6.0

[minikomi]

Using a reagent/atom with an [:input {:type "number"}] has odd behavior in 0.6.0.

Seems to be working in 0.6.0-alpha.

Minimal example:

(ns inputtest.core
    (:require [reagent.core :as reagent :refer [atom]]))

(def value (atom 0))

(defn atom-input []
  [:input {:type "number"
           :value @value
           :step "any"
           :on-change #(reset! value (-> % .-target .-value))}])

;; -------------------------
;; Initialize app

(defn mount-root []
  (reagent/render [atom-input] (.getElementById js/document "app")))

(defn init! []
  (mount-root))

Trying to type a decimal point will reset the cursor to the start of the input, then pressing decimal again clears/resets the input.

[minikomi]

Cljsfiddle - which is running on 0.6.0-alpha - does not exhibit this problem.

[minikomi]

Appears to be a react bug: facebook/react#8717

[Deraen]

0.6.1 has input related changes, did you try with that?

[minikomi]

0.6.1 has input related changes, did you try with that?

Still exhibits the same problem. Seems it was a react problem and was fixed in 15.4.2 .

[Deraen]

You can test the fix by upgrading you React dependencies:

                 [cljsjs/react-dom "15.4.2-2"]
                 [cljsjs/react-dom-server "15.4.2-2"]

[minikomi]

Yep, confirmed upgrading react dependency fixes it.

[Deraen]

I updated the version. I'm not yet sure if I want to create minor release with this fix or wait for other fixes.

[Deraen]

Reagent 0.6.2 has been released with upgraded React dependency.