I am using Mac OS with Chromium. I don’t see it happen on any field in the kitchensink: https://arthurclemens.github.io/polythene-demos/mithril/#/textfield
Just tested, still jumps with
onChange
Because
value sets the input value
You basically get conflicting inputs (controlled and non controlled input)
defaultValue doesn't update the field if the service call takes a while to return, even with a redraw, so I might go with the onchange instead (lowercase intentional) since that wasn't jumping, and will just fire on blur instead of input
Probably not worth the clunkiness of having to maintain setInputState for 10+ fields on a complex page
I guess I was hoping TextField could be a drop-in replacement for an HTML
input, since there you can set value and oninput without any caret jumping
React has the same issue: https://reactjs.org/docs/uncontrolled-components.html
Instead of using the callback, you could use a more Mithril-like way by storing the dom node once it is available and set the value of the input element
But this only works nicely when there is no initial value, otherwise the field gets visibly re-initialized.
The tests contain an example with Powerform. You can see the result at the bottom of https://arthurclemens.github.io/polythene-demos/mithril/#/textfield
Feature request: could keyboard support be added to some components, such as Tabs and Menu?
The kitchen sink contains a couple of examples of keyboard control: List "Keyboard control" and Search "Search results". This could be generalized.
What's the behavior you're looking for?
I guess with tabIndex
That way nothing special needs to be build to capture focus
Fox menus it's more tricky, because you need to set the focus to the first item in the list once it is opened
If you go to https://arthurclemens.github.io/polythene-demos/mithril/#/tabs you'll see that using TAB you can move focus from tab to tab
and use ENTER to select it