[Interest] Virtual keyboard hides input field

Axel Spoerl axel.spoerl at qt.io
Sun Jul 28 12:11:14 CEST 2024


Hello Sley,

there is no forum user/topic/post related to this email address.
Can you point to it, please?
You need to reduce the reproducer to the minimum as said.

Brgds
Axel
________________________________
Von: Sley HORTES <sleyhortes13 at gmail.com>
Gesendet: Sonntag, 28. Juli 2024 12:08
An: Axel Spoerl <axel.spoerl at qt.io>
Betreff: Re: [Interest] Virtual keyboard hides input field

Mobile Browser I meant.

When it’s being used on a PC it’s fine cause there ain’t no virtual keyboard that will hide the contents.

On Sun, Jul 28, 2024 at 6:05 PM Sley HORTES <sleyhortes13 at gmail.com<mailto:sleyhortes13 at gmail.com>> wrote:

Hello Axel.

Thanks for the insight.

The thing is, my code has been build to wasm and the problem arouse when I am typing within the browser(Chrome).
 When click upon an InputField object, the virtual keyboard appears but hides some contents along the way.
I didn’t set any Keyboard in the code cause when it’s being used on desktop, the keyboard won’t bother the items visibility.

<https://github.com/HSley13/GUI_test/blob/main/customModules/InputField.qml>
<https://github.com/HSley13/GUI_test/blob/main/customModules/InputField.qml>https://github.com/HSley13/GUI_test

Here is the GitHub repository. The app link is also provided there.

I had already posted on qt forum about that issue. I haven’t had any comments till now unfortunately.


Thanks.



On Sun, Jul 28, 2024 at 5:47 PM Axel Spoerl via Interest <interest at qt-project.org<mailto:interest at qt-project.org>> wrote:
Hello Sley,

the attached code contains neither virtual keyboard, nor focus handling.
It's not clear, where the virtual keyboard comes into play.
Just by guessing: The problem could be in the custom type InputField, which is not attached.
Have a look at the FocusScope QML type. In essence, a focus scope has to be defined for the input field.
The virtual keyboard needs to be inside that focus scope, with its "focus" property set to "true".

If that doesn't solve the problem, post a topic in https://forum.qt.io<https://forum.qt.io/>
Reduce the reproducer to the bare (yet compilable) mimimum, and preferably eliminate the custom type.
Paste the code directly to the forum, using the code formatting tags.
Please also specify the Qt version used.

Cheers
Axel

________________________________
Von: Interest <interest-bounces at qt-project.org<mailto:interest-bounces at qt-project.org>> im Auftrag von Sley HORTES <sleyhortes13 at gmail.com<mailto:sleyhortes13 at gmail.com>>
Gesendet: Samstag, 27. Juli 2024 09:26
An: interest at qt-project.org<mailto:interest at qt-project.org> <interest at qt-project.org<mailto:interest at qt-project.org>>
Betreff: [Interest] Virtual keyboard hides input field

Hello Everyone!!

I have been trying to create a sign up window for a chat app using QML. The problem is When there’s a focus on an input field object, the virtual keyboard hides its visibility. I would like to know how to remediate to it.
Any thought Please ?

Here is a Module I had created. The **InputField** type is actually a custom module too.

<https://drive.google.com/file/d/1c8FwMq9imvfNd9DHoVaKIaMNGAaxTG6G/view?usp=drivesdk>
[Text file]
SignupWindow.qml.txt





_______________________________________________
Interest mailing list
Interest at qt-project.org<mailto:Interest at qt-project.org>
https://lists.qt-project.org/listinfo/interest
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.qt-project.org/pipermail/interest/attachments/20240728/e46aeb29/attachment.htm>


More information about the Interest mailing list