QInput with combination of dir="auto" & autogrow, caret position broken for rtl languages

[lyle45]

Describe the bug QInput with combination of dir="auto" & autogrow caret position broken for rtl languages

Codepen/jsFiddle/Codesandbox (required) Codepen

https://codepen.io/lyle45/pen/gOmzdox

To Reproduce Steps to reproduce the behavior:

1. Caret position broken between words
2. Either write in rtl language and notice caret positon after pressing space
3. Or try to position caret using mouse anywhere in the text and caret position would break although visually only (caret is in correct place in hidden input)

Expected behavior Caret should be placed correctly

Screenshots

Platform (please complete the following information): Quasar Version: 1.15.19 @quasar/app Version: 2.2.8 Quasar mode:

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

Tested on:

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

OS: Mac Os Big Sur 11.4 & Android Oxygen OS 10.0.1 Node: NPM: Yarn: Browsers: Chrome iOS: Android: Electron:

Additional context Add any other context about the problem here.

[pdanpdan]

A working reproduction codepen: https://codepen.io/pdanpdan/pen/qBmOQzE?editors=101

[lyle45]

@pdanpdan Try adding autogrow boolean to it Think you confused autofocus with autogrow

[pdanpdan]

I can reproduce it, i just changed the codepen because now the default is quasar v2

[lyle45]

@pdanpdan ok, but in the codepen you posted there is no autogrow and the bug isn't reproducing (for me) 🤷

[pdanpdan]

Oh, fixed, thank you.