Textfield seems not working properly in iOS when input is not English

[cht8687]

Hi team, great library.
I just noticed Textfield seems functioning abnormally when typing in other languages:
(it seems will accept all the letters typed by the user)

[cht8687]

@hperrin

After some research, I found after remove this line, the issue is gone:
https://github.com/hperrin/svelte-material-ui/blob/master/packages/textfield/Input.svelte#L39

The main reason is that, we need to ignore update the value when e.insertType is insertCompositionText
only update the value when e.insertType is insertComposition.

I am not really sure what's the impact to remove this line and wondering if we can put some logic for above in
some other places.

[cht8687]

@hperrin
please check this PR and see if it is a proper fix:

#154

[hperrin]

Thank you for the research. I'm not familiar with the e.insertType here. How can I test this?

[hperrin]

Possibly we could introduce a fix on line 67, where the input var is updated from the input event.

[cht8687]

@hperrin

I debugged and found this line

    valueProp.value = value === undefined ? '' : value;

assigned unnecessary value to the input field. ( see the PR)

in the on: input event, you can capture the input type

on:input={updateInputType}

function updateInputType(e) {
console.log( e.inputType)
}

You can install Japanese or Chinese input on your machine to test this.

[cht8687]

Here are the same issue found in other libraries which has same issue, hope this gives you some more info around this area.
I am not so familiar with our codebase yet to have a more comprehensive fix.

bootstrap-vue/bootstrap-vue#2104

[shinyaohira]

I have the same problem.

[hperrin]

I'm aware this is still an issue, and I'd like help solving it, because I don't know how to test it as I can't input any other languages.

[cht8687]

This PR should resolve it. (at least working for me... :) )
#154