Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-62738

TinyMCE editor does not work on iOS mobile browsers

    XMLWordPrintable

Details

    • MOODLE_34_STABLE, MOODLE_35_STABLE
    • MOODLE_34_STABLE, MOODLE_35_STABLE
    • MDL-62738_master
    • Hide

      Setup

      This issue must be tested with:

      1. Safari on iOS
      2. Chrome in iOS
      3. An Android browser

      Tests

      1. Open User menu -> Preferences -> Editor preferences
        1. Set TinyMCE as your editor
      2. Open User menu -> Profile
      3. Choose "Edit profile"
      4. Scroll to the Description editor
      5. Type something in the editor
      6. Touch, and refocus the cursor so that you get the magnifying glass to focus on a position
      7. Try and type again
        1. Confirm you can still type
      8. Click somewhere else to re-focus
      9. Try and type again
        1. Confirm you can still type
      Show
      Setup This issue must be tested with: Safari on iOS Chrome in iOS An Android browser Tests Open User menu -> Preferences -> Editor preferences Set TinyMCE as your editor Open User menu -> Profile Choose "Edit profile" Scroll to the Description editor Type something in the editor Touch, and refocus the cursor so that you get the magnifying glass to focus on a position Try and type again Confirm you can still type Click somewhere else to re-focus Try and type again Confirm you can still type

    Description

      We have came across an issue whereby the TinyMCE editor does not appear on iOS mobile browsers. It reverts to a plain text field. (see attached image)

      We have tested this on iOS 11.4 Safari and Chrome. We have however found this to be working on Android Chrome browser.

      We have confirmed this to be an issue on version 3.4.3+ (Build: 20180614). This appears to be working fine in earlier versions (3.4.2).

      Attachments

        1. Call stack size limit exceeded.png
          Call stack size limit exceeded.png
          90 kB
        2. Chrome_Android.jpg
          Chrome_Android.jpg
          84 kB
        3. Chrome_iOS.jpg
          Chrome_iOS.jpg
          42 kB
        4. Safari_iOS.jpg
          Safari_iOS.jpg
          62 kB
        5. tinymce-bug-ios-safari.png
          tinymce-bug-ios-safari.png
          55 kB

        Activity

          People

            mfabriczy Marcus Fabriczy
            dylankeys Dylan Keys
            Andrew Lyons Andrew Lyons
            David Monllaó David Monllaó
            Anna Carissa Sadia Anna Carissa Sadia
            David Woloszyn, Huong Nguyen, Jake Dallimore, Michael Hawkins, Stevani Andolo
            Votes:
            5 Vote for this issue
            Watchers:
            10 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              12/Nov/18

              Time Tracking

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 30 minutes
                30m