Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

IOS: keyboard keep open and hide when tap text in a contentEditable DIV.

See original GitHub issue

Bug Report

Ionic version:

[x] 4.6

Current behavior:

RUN on device of IOS 12.1 When tap on an editable block with HTML child content, you will find that, when tap, keyboard open, then tap, keyboard hide, and so on…

Expected behavior:

When tap on anywhere in an editable block, the keyboard should always open.

Steps to reproduce:

Open an ionic v4 app in IOS.
Mark up a div as following code
Tap on the text in the div, watch keyboard’s action.
The first line, keyboard works fine. The second line, keyboard start to dance.

Related code:

<div contentEditable style="-webkit-user-select: auto">
This is a text line.
<div>This is a para with div tag</div>
</div>

Other information:

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.6.0 (/usr/local/Cellar/nvm/0.26.1/versions/node/v10.11.0/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-rc.0
   @angular-devkit/build-angular : 0.11.4
   @angular-devkit/schematics    : 7.1.4
   @angular/cli                  : 7.1.4
   @ionic/angular-toolkit        : 1.2.2

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 6.4.0, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.3.1, (and 15 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/netsesame/Projects/SDK/android)
   NodeJS            : v10.11.0 (/usr/local/Cellar/nvm/0.26.1/versions/node/v10.11.0/bin/node)
   npm               : 6.5.0
   OS                : macOS High Sierra
   Xcode             : Xcode 10.1 Build version 10B61

Issue Analytics

State:
Created 5 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

peterpeterparkercommented, May 28, 2019

In the issue I linked I display some screenshot and a video of the problem. It isn’t linked with web view I think as the problem is reproducible with Ionic core in iOS Safari

0reactions

ionitron-bot[bot]commented, Jul 3, 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.