In mobile Chrome, Caret moving to invisible in input type=text, after word enter (space pressed)

With mobile Chrome (not desktop Chrome and not mobile Fixefox), when I enter text in a input type="text" and the text width is greater than the text field width, when I enter the next word (pressin开发者_如何学运维g the spacebar), the last word and caret are shifted to the right invisible area. How can JavaScript or CSS fix this? I'm using Quasar (vue 3) and was using q-input first when I discovered this behavior in mobile Сhrome. I changed q-input to normal input type="text" but nothing changed. I also tried to experiment with setting the focus and selection start, when the model changes, depending on the previous position of the cursor, perhaps this could achieve the result, but I think this is too ugly and unreliable solution.