[wp-trac] [WordPress Trac] #31247: Scrolling and zooming is frustrating on iOS

[WordPress Trac]

#31247: Scrolling and zooming is frustrating on iOS
--------------------------+------------------------------
 Reporter:  iseulde       |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  TinyMCE       |     Version:
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:  javascript
--------------------------+------------------------------
Description changed by iseulde:

Old description:

> Sometimes it's really hard to scroll past the editor.
>
> If you scroll down quickly by pushing the content up or down with your
> finger, the editor is often focussed again which causes the page to
> scroll back to the original position. Similarly, if you've accidentally
> zoomed in the page and want to zoom out using two fingers, the editor is
> often just focussed again and not zoomed at all. I noticed that both of
> these issues only happen if you make the movements fast, zooming in
> slowly with your fingers will work. It only seems to be a problem when
> the editor has previously been focussed.
>
> This is a problem in the TinyMCE demo too, so I'll report this. TinyMCE
> tries to detect clicks by looking at touchstart and touchend events and
> compares the time difference and distance travelled, so it may have
> something to do with that. It only does this if the time difference is
> less than 500ms, which would explain why long movements work.
>
> https://github.com/tinymce/tinymce/blob/master/js/tinymce/classes/util/Quirks.js#L1143

New description:

 Sometimes it's really hard to scroll past the editor.

 If you scroll down quickly by pushing the content up or down with your
 finger, the editor is often focussed again which causes the page to scroll
 back to the original position. Similarly, if you've accidentally zoomed in
 the page and want to zoom out using two fingers, the editor is often just
 focussed again and not zoomed at all. I noticed that both of these issues
 only happen if you make the movements fast, zooming in slowly with your
 fingers will work. It only seems to be a problem when the editor has
 previously been focussed.

 This is a problem in the TinyMCE demo too, so I'll report this. TinyMCE
 tries to detect clicks by looking at touchstart and touchend events and
 compares the time difference and distance travelled, so it may have
 something to do with that. It only does this if the time difference is
 less than 500ms, which would explain why long movements work.

 https://github.com/tinymce/tinymce/blob/7de8b6ce3578b063154148c840642d9fd8e7c503/js/tinymce/classes/util/Quirks.js#L1143

--

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31247#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform