bug: Ionic 5 interaction with TinyMCE editor on iOS
See original GitHub issueIonic 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:
- Created 4 years ago
- Comments:8 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
No problem! Here it is: https://github.com/Jahrenski/ionic-v5-tinymce
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.