quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
25.82k stars 3.5k forks source link

input & keyboard #16922

Closed diadal closed 7 months ago

diadal commented 7 months ago

What happened?

capacitor but ios and Android keyboards covered input form

What did you expect to happen?

the keyboard should push all the body up under footer

Reproduction URL

no link

How to reproduce?

have a form that shows when a button is clicked or a list of forms close to the footer

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Capacitor Mode

Platforms/Browsers

iOS, Android

Quasar info output

Operating System - Darwin(23.2.0) - darwin/arm64
NodeJs - 20.11.0

Global packages
  NPM - 10.2.4
  yarn - 1.22.21
  @quasar/cli - 2.3.0
  @quasar/icongenie - 3.1.1
  cordova - Not installed

Important local packages
  quasar - 2.14.5 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.0.0-beta.2 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.9 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.4.19 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.2.5
  pinia - 2.1.7 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  vite - 5.1.3 -- Native-ESM powered web dev build tool
  esbuild - 0.20.0 -- An extremely fast JavaScript and CSS bundler and minifier.
  eslint - 8.56.0 -- An AST-based pattern checker for JavaScript.
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  @capacitor/core - 6.0.0-rc.0 -- Capacitor: Cross-platform apps with JavaScript and the web
  @capacitor/cli - 6.0.0-rc.0 -- Capacitor: Cross-platform apps with JavaScript and the web
  @capacitor/android - 6.0.0-rc.0 -- Capacitor: Cross-platform apps with JavaScript and the web
  @capacitor/ios - 6.0.0-rc.0 -- Capacitor: Cross-platform apps with JavaScript and the web

Quasar App Extensions
  *None installed*


### Relevant log output

_No response_

### Additional context

_No response_
github-actions[bot] commented 7 months ago

Hi @diadal! 👋

It looks like you provided an invalid or unsupported reproduction URL. Do not use any service other than Codepen, jsFiddle, StackBlitz, Codesandbox, and GitHub. Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc. Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

rstoenescu commented 7 months ago

Hello,

However much we wanted to change the behavior that you are experiencing, this is out of our reach unless we hack a fix which would add a very significant overhead. This is a type of behavior usually handled by the browser itself.

Sorry for the incovenience.