Problem with accent

[RodrigoAliotti]

Describe the bug In component q-input when try write words with accent, by example try write: á in component show: a (without accent).

Codepen/jsFiddle/Codesandbox (required) In codePen write in HTML part:

try write the followings letters: á,ü,ã,ñ,ç

Running Quasar v{{ version }}

and in JS page write:

Quasar.lang.set(Quasar.lang.ptBr) new Vue({ el: '#q-app', data: function () { return { version: Quasar.version, value:'' } }, methods: { notify: function () { this.$q.notify('Running on Quasar v' + this.$q.version) } } })

To Reproduce Steps to reproduce the behavior:

1. Go to q-input component
2. Click on inside q-input component
3. Write '(accent) followed by a
4. return a

Platform (please complete the following information): Quasar Version:1.15.23 @quasar/app Version:

Quasar mode:

• [X ] SPA
• [ ] SSR
• [ ] PWA
• [ ] Electron
• [ ] Cordova
• [ ] Capacitor
• [ ] BEX

Tested on:

• [X ] SPA
• [ ] SSR
• [ ] PWA
• [ ] Electron
• [ ] Cordova
• [ ] Capacitor
• [ ] BEX

OS: Linux (Manjaro 21.0.7) Node:16.5.0 NPM:7.17.0 Yarn: Browsers:Firefox 90.0.1 iOS: Android: Electron:

Additional context In version 1.12.9 its not happened.

[pdanpdan]

Please make a codepen that can reproduce the problem

On Mon, Jul 26, 2021, 18:59 RodrigoAliotti @.***> wrote:

Describe the bug In component q-input when try write words with accent, by example try write: á in component show: a (without accent).

Codepen/jsFiddle/Codesandbox (required) In codePen write in HTML part: try write the followings letters: á,ü,ã,ñ,ç Running Quasar v{{ version }}

and in JS page write:

Quasar.lang.set(Quasar.lang.ptBr) new Vue({ el: '#q-app', data: function () { return { version: Quasar.version, value:'' } }, methods: { notify: function () { this.$q.notify('Running on Quasar v' + this.$q.version) } } })

To Reproduce Steps to reproduce the behavior:

1. Go to q-input component
2. Click on inside q-input component
3. Write '(accent) followed by a
4. return a

Platform (please complete the following information): Quasar Version:1.15.23 @quasar/app Version:

Quasar mode:

• [X ] SPA
• SSR
• PWA
• Electron
• Cordova
• Capacitor
• BEX

Tested on:

• [X ] SPA
• SSR
• PWA
• Electron
• Cordova
• Capacitor
• BEX

OS: Linux (Manjaro 21.0.7) Node:16.5.0 NPM:7.17.0 Yarn: Browsers:Firefox 90.0.1 iOS: Android: Electron:

Additional context In version 1.12.9 its not happened.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/quasarframework/quasar/issues/10198, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAA473G2U5DHIVBYQM2LADLTZWA7TANCNFSM5BAMYUJA .

[pdanpdan]

I'm sorry but I don't know what method of typing you are using, I need more details (step by step) on what are you system settings in order to be able to reproduce.

I'll reopen when we have the details, thank you.

[eriverosr]

The codepen in https://codepen.io/eriveros/pen/qBXeJPa?editors=101 is useful to replicate the problem.

You need to type a composite character with us-intl layout.

For example, to type character á you need to type first the ’ character and then the a character.

In Quasar QInput component, the ’ composite character gets deleted milliseconds after it is pressed, so the character that appears in the input is only a.

If you need more information I can give it to you.

Thank you in advance!

[pdanpdan]

I'm sorry, but on linux (ubuntu) I cannot reproduce it. My compose key is SCROLL_LOCK, and in the codepen, docs, whatever: SCROLL_LOCK + ' + a => á

[hawkeye64]

@eriverosr This is your codepen with no issues

I would check for interference from a browser extension. Try Incognito Mode and see if you get the same results.

[eriverosr]

I tried to replicate the problem in Chromium and it doesn't happen there :open_mouth: It only happens in Firefox, with or without Incognito Mode. I created a new profile in Firefox to check if my configurations had anything to do with my issue, but it persisted.

Can you test with Firefox Browser and US International or Spanish(Latin American) Layouts? In those layouts, the ' key composes itself by default. If you press it composing with Space, you obtain ', and if you press it two times, you obtain ´.

Thank you in advance!

[pdanpdan]

Sorry, but I don't find either of the 2 kbd layouts to install. And in firefox with SCROLL_LOCK it works as expected.

[dwaxweiler]

Hello, I am able to reproduce this issue present in both Quasar version 1 and 2:

1. Use Firefox on a Linux operating system.
2. Using dead keys, type a letter with an accent or umlaut into one of the input fields, e.g. é or ö.
3. The letter appears without its accent or umlaut.

Could you reopen this issue please?

See https://github.com/karrot-dev/karrot-frontend/issues/2502 for where I come from.

[dwaxweiler]

I forgot to mention that I simply use the documentation examples for reproduction: https://quasar.dev/vue-components/input

[pdanpdan]

~I need a step by step reproduction, including how to setup and use dead keys on ubuntu~ Ignore, I managed to reproduce

[dwaxweiler]

This issue seems to be solved with the latest releases 1.19.1 and 2.7.1; I have successfully tested the documentation examples.