NativeScript / NativeScript/angular
Hot module reload triggering twice on iOS Device seems to breaks to show keyboard
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 55
- Forks
- 13
- Avg merge
- 16m
- Merged PRs (30d)
- 1
Description
Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):
{
"name": "mobile-app",
"main": "./src/main.ts",
"version": "1.0.0",
"private": true,
"dependencies": {
"@angular/animations": "~19.0.0",
"@angular/common": "~19.0.0",
"@angular/compiler": "~19.0.0",
"@angular/core": "~19.0.0",
"@angular/forms": "~19.0.0",
"@angular/platform-browser": "~19.0.0",
"@angular/platform-browser-dynamic": "~19.0.0",
"@angular/router": "~19.0.0",
"@apollo/client": "^3.12.6",
"@nativescript/angular": "^19.0.0",
"@nativescript/core": "~8.8.0",
"apollo-angular": "^8.0.0",
"graphql": "^16.10.0",
"rxjs": "~7.8.0",
"zone.js": "~0.15.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "~19.0.0",
"@angular/compiler-cli": "~19.0.0",
"@nativescript/android": "8.8.6",
"@nativescript/ios": "8.8.2",
"@nativescript/tailwind": "^2.1.0",
"@nativescript/types": "~8.8.0",
"@nativescript/webpack": "~5.0.0",
"@ngtools/webpack": "~19.0.0",
"tailwindcss": "~3.4.0",
"typescript": "~5.6.0"
}
}
Describe the bug
When running on iOS It's observed that when an input such as TextField or SearchBar get focus the keyboard doesn't launch.
It been observed that the app launch twice as well as HMR triggering twice, the hmr appears to break the keyboard to launch.
To Reproduce
ns run --device xxxxxxxxx-xxxx-xxx-xxxx-xxxxxxxxxxxx
Restarting application on device xxxxxxxxx-xxxx-xxx-xxxx-xxxxxxxxxxxx...
[HMR][11bea14ccf932a8eee02] boot | HMR Enabled - waiting for changes...
Angular is running in development mode.
Successfully run application com.test.app on device with ID xxxxxxxxx-xxxx-xxx-xxxx-xxxxxxxxxxxx.
[HMR][11bea14ccf932a8eee02] boot | HMR Enabled - waiting for changes...
Angular is running in development mode.
NativeScript debugger has opened inspector socket on port 18183 for com.test.app.
Successfully synced application com.test.app on device xxxxxxxxx-xxxx-xxx-xxxx-xxxxxxxxxxxx
Expected behavior
When click on TextField or SearchBar the keyboard should appears
Sample project
Additional context
The is issue is not found and the keyboard show when click on TextField or SearchBar when running with --no-hmr flag e.g: ns run --device xxxxxxxxx-xxxx-xxx-xxxx-xxxxxxxxxxxx --no-hmr It's aslo observed that the app and hmr only launch and print once
Restarting application on device xxxxxxxxx-xxxx-xxx-xxxx-xxxxxxxxxxxx...
[HMR][672c06c86d338110b392] boot | HMR Enabled - waiting for changes...
Successfully synced application com.test.app on device xxxxxxxxx-xxxx-xxx-xxxx-xxxxxxxxxxxx.
Angular is running in development mode.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the reported ns run --device ... command and compare its output and keyboard behavior with --no-hmr; inspect the project's package.json and src/main.ts entry point. Done means the app and HMR launch once on an iOS device and TextField or SearchBar reliably opens the keyboard with HMR enabled.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, ios, typescript
- Domain
- mobile, tooling
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100