Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Full integration of the native virtual keyboard on mobile #166

Open
guirak opened this issue Oct 25, 2023 · 4 comments
Open

Full integration of the native virtual keyboard on mobile #166

guirak opened this issue Oct 25, 2023 · 4 comments

Comments

@guirak
Copy link

guirak commented Oct 25, 2023

Hi Florian,

To permit a complete usage of the app in the mobile, I have previously taken the decision to integrate the KeyboardFX usage in my app.
The goal was to workaround 2 problems that was present with the native keyboard :

  • When focusing a field in the bottom of the screen, the virtual keyboard hides the field.
  • When clicking in a numeric field, the full keyboard is shown instead a number-only keyboard.

image

To solve this, I have previously used the KeyboardFX and permits me to :

  • if the field will be hidden by the keyboard, automatically translate the root layout up when the keyboard is shown to have the field always displayed
  • If the focused field has the style class "numeric-input", display the number-only keyboard

I have bad feedbacks of my customers about the KeyboardFX :

  • There is a latency that make the keyboard not easy to use
  • The keyboard differs from the one they use for all their mobile usage and the found that not confortable
  • The keyboard is poor in features in comparison to native keyboards

I must to go back to the native keyboard for software acceptance by the customers but the 1st problem is critical for the app usage and the second is major too as they need in some screen to quickly type quantities.

Please, can you improve the keyboard integration ?

I need 2 things :

  • A way to translate automatically the field to don't stay under the keyboard similar than behaviour visible in other website.
  • A way to identifiate some fields as number fields and have the number only keyboard in this case : for the moment, I have put a specific style class to indicate fields that are number only for keyboardFX.

Regards,

@FlorianKirmaier
Copy link
Contributor

Quick answer:
1. Keyboard Types
Already solved - you can set the property node.getProperties().put("vkType", "number");
Check out https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types for possible values.

2. Moving content up
That's more tricky but also quite important. We'll try to find time for it.

@guirak
Copy link
Author

guirak commented Oct 27, 2023

Ok. Perfect.

Thank you.

@guirak
Copy link
Author

guirak commented Nov 22, 2023

Hi Florian,

Have you started to work about the moving of the content when keyboard appears ?
It's a blocking point for our customers in the acceptation of our app.
Thank you

@FlorianKirmaier
Copy link
Contributor

Hi Guirak,
Sorry for the late response.
We will need time to really focus on this topic to redesign the mobile experience. We will probably find time for it at the beginning of next year.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants