Trumbowyg: input delay when I inserted base64 image on Trumbowyg

Created on 6 Apr 2018  ·  5Comments  ·  Source: Alex-D/Trumbowyg

Informations

Browser version: Chrome for mobile, Safari for mobile
OS: Android 6.0, Android7.0, iOS 11.2
Screen resolution: -

How to reproduce the bug?

  1. I used last version of Trumbowyg
  2. insert an image as base64 on Trumbowyg
  3. insert text and a blank or new line
  4. It will be slow
  5. it's the same in the Trumbowyg demo. if you use mobile browser.

note:: if you use latest devices, you can't reproduce it. they have enough performances to overcome this issue

note:: I found that 'syncTextarea' make this issue. I could insert text, blank and new line pleasently after commenting 'syncTextarea'

please let me know what the side effect of commenting 'syncTextarea' is.
I will call '$('#trumbowyg').trumbowyg('html');' to get html in the editor after editing contents.
is it OK to call 'syncTextarea' just before calling $('#trumbowyg').trumbowyg('html') ?;
it means 'syncTextarea' is called only once.
it is also same 'syncTextarea' isn't called while editing.

thank you :)

Most helpful comment

Still the provided solution didn't solve the problem, the textarea is hidden but the input is extremely slow

All 5 comments

Duplicates #383

You will find some solutions in the other issue ;)

Thx! It works greatly!
one more question, you said "If you hide textarea, HTML5 validation cannot works."
if HTML5 validation would not work, is there any effect?
I haven't seen any problems after making textarea to 'display:none'

thank you :)

If you did not use required attribute on the textarea which is wrapped by Trumbowyg, you will not see any effect :)

Still the provided solution didn't solve the problem, the textarea is hidden but the input is extremely slow

maybe late but after all listed fixes haven't worked I have set the option autogrow to false and then the performance was perfect after pasting images into the editor

Was this page helpful?
0 / 5 - 0 ratings

Related issues

KiarashS picture KiarashS  ·  3Comments

MACscr picture MACscr  ·  6Comments

tonvanalebeek picture tonvanalebeek  ·  6Comments

Ydalb picture Ydalb  ·  3Comments

mur-wtag picture mur-wtag  ·  3Comments