NativeScript / nativescript-angular

Integrating NativeScript with Angular
http://docs.nativescript.org/angular/tutorial/ng-chapter-0
Apache License 2.0
1.22k stars 241 forks source link

There is a strange bug when I use ngModel with TextField. #1364

Open Ross-Jo opened 6 years ago

Ross-Jo commented 6 years ago

While I work with nativescript sample code, 'Groceries(angular version)', I found a strange error. When I enter some groceries in Korean, last letter of the word that I just entered appeared to have broken. And you can see the result in a screenshot below.

2018-06-05 2 04 36

However, the problem was not reproduced when I changed tags to tags. This time, everything was all right. And you can still check this out in a screenshot below.

2018-06-05 2 07 45

Below one is package.json file of the 'Groceries' sample code that I tested. I guess this is a bug just related to Korean. In English, I wasn't able to see such a bug.

Bug occurrence condition : [(ngModel)] + TextField + Korean input + IOS + Groceries app supplement : I've tested the issue in other projects, and I was able to see the same error, but after the macOS update released today(2018.6.5), the problem was solved for those projects. But, oddly, the grocery app still reproduces the error. => It was my mistake. the problem still arise in all projects. OS update wasn't related to the error.

{
  "name": "sample-groceries",
  "version": "1.0.0",
  "description": "A NativeScript-built iOS and Android app for managing grocery lists",
  "repository": {
    "type": "git",
    "url": "https://github.com/nativescript/sample-Groceries.git"
  },
  "keywords": [
    "NativeScript"
  ],
  "author": "TJ VanToll <tj.vantoll@gmail.com> (https://www.tjvantoll.com/)",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/nativescript/sample-Groceries/issues"
  },
  "homepage": "https://github.com/nativescript/sample-Groceries/groceries",
  "nativescript": {
    "id": "org.nativescript.groceries",
    "tns-ios": {
      "version": "4.0.1"
    },
    "tns-android": {
      "version": "4.0.0"
    }
  },
  "scripts": {
    "tslint": "tslint -p tsconfig.json",
    "ns-bundle": "ns-bundle",
    "start-android-bundle": "npm run ns-bundle --android --run-app",
    "start-ios-bundle": "npm run ns-bundle --ios --run-app",
    "build-android-bundle": "npm run ns-bundle --android --build-app",
    "build-ios-bundle": "npm run ns-bundle --ios --build-app",
    "publish-ios-bundle": "npm run ns-bundle --ios --publish-app",
    "generate-android-snapshot": "generate-android-snapshot --targetArchs arm,arm64,ia32 --install",
    "e2e": "tsc -p e2e && mocha --opts ./e2e/config/mocha.opts",
    "compile-tests": "tsc -p e2e --watch"
  },
  "dependencies": {
    "@angular/common": "~6.0.0-rc.3",
    "@angular/compiler": "~6.0.0-rc.3",
    "@angular/core": "~6.0.0-rc.3",
    "@angular/forms": "~6.0.0-rc.3",
    "@angular/http": "~6.0.0-rc.3",
    "@angular/platform-browser": "~6.0.0-rc.3",
    "@angular/platform-browser-dynamic": "~6.0.0-rc.3",
    "@angular/router": "~6.0.0-rc.3",
    "email-validator": "^1.0.7",
    "nativescript-angular": "next",
    "nativescript-iqkeyboardmanager": "~1.2.0",
    "nativescript-social-share": "~1.4.0",
    "nativescript-unit-test-runner": "^0.3.3",
    "reflect-metadata": "~0.1.8",
    "rxjs": "~6.0.0",
    "tns-core-modules": "4.0.0",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular-devkit/core": "~0.5.5",
    "@angular/compiler-cli": "~6.0.0-rc.3",
    "@ngtools/webpack": "~6.0.0-rc.3",
    "babel-traverse": "6.24.1",
    "babel-types": "6.24.1",
    "babylon": "6.17.0",
    "clean-webpack-plugin": "~0.1.19",
    "codelyzer": "^3.0.1",
    "copy-webpack-plugin": "~4.5.1",
    "css-loader": "~0.28.7",
    "extract-text-webpack-plugin": "~3.0.2",
    "filewalker": "^0.1.3",
    "jasmine-core": "^2.6.2",
    "karma": "^1.7.0",
    "karma-jasmine": "^1.0.2",
    "karma-nativescript-launcher": "^0.4.0",
    "lazy": "1.0.11",
    "nativescript-css-loader": "~0.26.0",
    "nativescript-dev-appium": "~3.2.0",
    "nativescript-dev-typescript": "^0.6.0",
    "nativescript-dev-webpack": "next",
    "nativescript-worker-loader": "~0.8.1",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.3.0",
    "tslint": "^5.4.2",
    "typescript": "~2.7.2",
    "uglifyjs-webpack-plugin": "~1.2.4",
    "webpack": "~4.5.0",
    "webpack-bundle-analyzer": "^2.9.1",
    "webpack-cli": "~2.0.14",
    "webpack-sources": "~1.1.0",
    "@types/chai": "^4.0.2",
    "@types/mocha": "^2.2.41",
    "@types/node": "^7.0.5"
  }
}
nerdrun commented 5 years ago

I'm making a project with nativescript-vue and have created it with sidekick. I've been facing in the same problem since I started my project like @Ross-Jo . I really wonder how it is going on this problem!