nativescript-community / ui-material-components

Monorepo that contains all of the NativeScript Material Design plugins.
https://nativescript-community.github.io/ui-material-components/
Apache License 2.0
219 stars 80 forks source link

MDTextField Causing unresponsive keyboard #296

Closed JacobFJ closed 3 years ago

JacobFJ commented 3 years ago

Which platform(s) does your issue occur on?

Please, provide the following version numbers that your issue occurs with:

package.json

  "dependencies": {
    "@nativescript-community/ui-material-textfield": "^5.2.31",
    "@nativescript/core": "^8.0.5-alpha.0",
    "@nativescript/theme": "~3.0.1",
    "nativescript-vue": "~2.9.0",
    "nativescript-vue-navigator": "^1.2.0",
    "vue-class-component": "^7.2.6",
    "vue-property-decorator": "^9.1.2"
  },
  "devDependencies": {
    "@nativescript/android": "8.0.0",
    "@nativescript/types": "~8.0.0",
    "@nativescript/webpack": "beta",
    "@types/node": "~14.6.2",
    "nativescript-vue-template-compiler": "~2.9.0",
    "typescript": "~4.0.0",
    "vue": "~2.6.12"
  },

ns doctor

No issues were detected.
✔ Your ANDROID_HOME environment variable is set and points to correct directory.
✔ Your adb from the Android SDK is correctly installed.
✔ The Android SDK is installed.
✔ A compatible Android SDK for compilation is found.
✔ Javac is installed and is configured properly.
✔ The Java Development Kit (JDK) is installed and is configured properly.
✔ Local builds for iOS can be executed only on a macOS system. To build for iOS on a different operating system, you can use the NativeScript cloud infrastructure.
✔ Getting NativeScript components versions information...
✔ Component nativescript has 8.0.1 version and is up to date.
✔ Component @nativescript/core has 8.0.5 version and is up to date.
✖ Component @nativescript/ios is not installed.
✔ Component @nativescript/android has 8.0.0 version and is up to date.

Please, tell us how to recreate the issue in as much detail as possible.

  1. Targeting API 30
  2. Change appCompat to respective Theme.MaterialComponents
  3. Write a sample TextField Component

Is there any code involved?

 <MDTextField v-model="textFieldValue" variant="outline" />

Sample Image: 184990344_233861395203656_7877015229787850247_n

farfromrefug commented 3 years ago

@HakobiDev It is not an issue with the component it is a known issue with how NVue handles v-model for plugins. It simply dont... You need to add the register of the v-model inside your webpack config. Look at the vue demo app

JacobFJ commented 3 years ago

Solved! I hope that will be included to readme.md to such temporary fix.