Can't input Japanese characters into <q-input> on macOS - Safari etc.

[kubota]

Hello there!

I’m in trouble with Japanese character input to <q-input>.

I put a <q-input> input control of a form in my page.
And I input some characters with Kotoeri (Japanese IME on Mac) to it, converted the input by space key.
When determining the string, they’ve gone and the input control became empty.

The code is:

        <q-field :helper="$t('fields.nickname.subtitle')" :count="50" :error="nickname.error" :error-label="nickname.message">
          <q-input v-model="nickname.value" :float-label="$t('fields.nickname.title')" />
        </q-field>

This also happens in a demo at:
http://quasar-framework.org/components/input.html

Is there any way of coding to avoid this problem, or is this a bug of Quasar Framework?

My environment is as follows:

• npm v5.6.0
• vue v2.5.3
• Quasar CLI v0.6.5
• Quasar v0.14.9

I saw this problem on following devices and browsers:

• macOS High Sierra 10.13.3 + Japanese IME (Kotoeri)

  • Safari 11.0.2 (13604.5.6)

• iOS 11.2.5 + standard Japanese IME

  • Safari 11 (604.5.6)
  • Chrome 64.0.3282.112

Thanks in advance.

[benoitranque]

Hi!

Can you reproduce your issue here?

https://jsfiddle.net/BenoitRanque/jozhb8az/

[kubota]

Thanks!

So, this issue is to be fixed in some future version of Quasar Framework, right?

Thanks again!

[benoitranque]

If you no longer have that problem at the link I posted, yes. This is version 0.15 due out very soon (now working on docs)

[kubota]

Oh, of course not. That worked perfectly! I appreciate your efforts!

[benoitranque]

Not mine. All kudos go to @rstoenescu

[kubota]

OK. Thanks anyway!