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

TinyMCE editor does not work on iOS mobile browsers

    XMLWordPrintable

    Details

    • Testing Instructions:
      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
    • Affected Branches:
      MOODLE_34_STABLE, MOODLE_35_STABLE
    • Fixed Branches:
      MOODLE_34_STABLE, MOODLE_35_STABLE
    • Pull from Repository:
    • Pull 3.5 Branch:
    • Pull Master Branch:
      MDL-62738_master

      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

            • Votes:
              5 Vote for this issue
              Watchers:
              11 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Fix Release Date:
                12/Nov/18

                Time Tracking

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