#31247 closed defect (bug) (fixed)
Scrolling and zooming is frustrating on iOS
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | 4.3 | Priority: | normal |
Severity: | normal | Version: | 4.0 |
Component: | TinyMCE | Keywords: | needs-patch make-flow |
Focuses: | javascript | Cc: |
Description (last modified by )
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.
Attachments (1)
Change History (16)
This ticket was mentioned in Slack in #core-flow by iseulde. View the logs.
10 years ago
#8
@
10 years ago
Well behaved scrolling on my iPhone 6+ and Nexus 5. Of course, tapping around in the editor becomes questionable. Neat test. Fun to see what post-new could be like if it wasn't burdened with bad editor scrolling. :-)
#9
@
10 years ago
- Keywords needs-patch added
- Milestone changed from Awaiting Review to Future Release
- Version set to 4.0
Introduced in [29458].
#11
@
10 years ago
- Milestone changed from Future Release to 4.3
- Resolution set to fixed
- Status changed from new to closed
I'm glad to report that this is fixed!
https://github.com/tinymce/tinymce/commit/4cb4d5c1c8494b156d6c94f6761156acbe1871b0
See #32801.
This ticket was mentioned in Slack in #core-editor by boren. View the logs.
10 years ago
This ticket was mentioned in Slack in #core-flow by boren. View the logs.
10 years ago
#15
@
10 years ago
Looking good on an iPhone 6+ with both post-new.php and Press This. This is a huge iOS usability improvement. I can now scroll the editor without constant keyboard flyup and scroll jumping. I updated the top 5 list to note the fix. https://make.wordpress.org/flow/2015/06/13/the-top-5-impediments-to-flow-on-touch-devices/
This is definitely a bug in TinyMCE. Turning this off (
editor.off('touchstart');
) 'solves' it.