question-mark
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.

bug: Ionic 5 interaction with TinyMCE editor on iOS

See original GitHub issue

Ionic version: [x] 5.0.3

Current behavior: I have an interaction problem between Ionic 5 and TinyMCE in my app on iOS where scrolling when the focus is in the editor, dismisses the keyboard. In Ionic 4, I could use the undocumented “no-blur” attribute which prevented the issue to arise but this behavior does not work anymore in Ionic 5 / Angular 9.

Expected behavior: Scrolling should not dismiss the keyboard. It works fine on an ion-input.

Steps to reproduce: Use this repro: Ionic-v5-TineMCE On iOS, set the focus in the editor. The keyboard should open. Attempt to scroll the page. When you stop scrolling, the keyboard gets dismissed. Probably by a forced blur.

Other information: This occurs from safari directly as well.

Ionic info:

Ionic:

   Ionic CLI                     : 6.1.0 (C:\Users\richard\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 5.0.3
   @angular-devkit/build-angular : 0.900.2
   @angular-devkit/schematics    : 9.0.2
   @angular/cli                  : 9.0.2
   @ionic/angular-toolkit        : 2.2.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : not available
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 17 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.3.0

System:

   Android SDK Tools : 26.1.1 (C:\Program Files (x86)\Android\android-sdk)
   NodeJS            : v12.15.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.14.1
   OS                : Windows 10

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
Jahrenskicommented, Mar 3, 2020
0reactions
ionitron-bot[bot]commented, Apr 4, 2020

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

bug: Ionic 5 interaction with TinyMCE editor on iOS #20672
I have an interaction problem between Ionic 5 and TinyMCE in my app on iOS where scrolling when the focus is in the...
Read more >
Most common plugin errors in TinyMCE and how to fix them
Ways to fix the most common plugin errors in TinyMCE and why those happen, including “TinyMCE failed to load plugin” error.
Read more >
Ionic Forum - Latest topics - RSSing.com
I am using angular2-tinymce library to work with tinymce editor for android ... I am running into a bug with the navController in...
Read more >
Changelog for WYSIWYG Editor - Froala
See hotfixes and get downloads for versions 3.1.0, 3.0.6, 3.0.5, 3.0.4, ... on IOS device running a ionic/capacitor app on angular; Fixed, editor...
Read more >
tiny editor get content Code Example - Code Grepper
var myContent = tinymce.get("#myTextarea").getContent();
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found