TinyMCE not showing on mobile in 16.04

[Stéphane]

This is a bug reported by a user.

Tinymce does not show in mobile device browsers.

It used to show if device detection was turned off. We upgraded to 16.04 and now tinymce doesn't show anymore (on mobile device browsers).

[Aaron Wells (u-aaronw)]

Hi Stephane,

That's strange, we actually add a patch in 16.04.2 to make TinyMCE display in mobile browsers *all* the time, whether device detection is on or off: https://bugs.launchpad.net/mahara/+bug/1576643

I'll take a look...

Cheers,
Aaron

[Aaron Wells (u-aaronw)]

Hi again Stephane,

Some questions to help replicate this:

1. To confirm, you're seeing TinyMCE on desktop browsers, but not mobile browsers?

2. Which mobile browsers did you test this in? Is it happening in all of them or just some?

3. On the "Administration -> Site configuration" page, under "General" settings, what value do you have for "HTML editor"?

4. If you've got "HTML editor" set to "User-defined", do these users have the "HTML editor" checkbox set to "Yes" in their account settings?

Cheers,
Aaron

[Aaron Wells (u-aaronw)]

I tested this out on demo.mahara.org just now (which is running 16.04.3) and was not able to replicate:

1. Log in to demo.mahara.org
2. Go to user account settings and set "Device detection" to "No"
3. Create a page

Result: TinyMCE displays correctly, in the page's description field

[Stéphane (smlavoie)]

Hello Aaron,

To answer your questions :
1. To confirm, you're seeing TinyMCE on desktop browsers, but not mobile browsers?
[SL] Yes

2. Which mobile browsers did you test this in? Is it happening in all of them or just some?
[SL] tested on Safari (iOS), firefox and Chrome on Android Marshmallow. I also went to mahara.org and tested it there, same problem.

3. On the "Administration -> Site configuration" page, under "General" settings, what value do you have for "HTML editor"?
It was set to "User-Defined" and both accounts from which I made tests were set to NO. But I changed both variables, logout and log back in to make sure those settings were not the problem.

4. If you've got "HTML editor" set to "User-defined", do these users have the "HTML editor" checkbox set to "Yes" in their account settings?

I'll do a new test on our instance and give it a try on demo. I'll keep you posted.

[Aaron Wells (u-aaronw)]

https://mahara.org is actually still running 15.04. (You can check by looking for the "generator" meta tag in the page's source: <meta name="generator" content="Mahara 15.04 (https://mahara.org)" /> ). So it should exhibit the old behavior, where TinyMCE is disabled on mobile if you have device detection on, and TinyMCE is enabled on mobile if you have device detection off.

http://demo.mahara.org is on 16.04, so it should have the new behavior, in which device detection has *no* effect on whether or not we use TinyMCE. Instead, usage of TinyMCE is entirely controlled by the site & user-level "HTML editor" settings.

Having "HTML editor" set to "off" either at the site level or the user level, will disable TinyMCE. It should probably be labelled "rich text editor" instead, to make it clearer that it's referring to TinyMCE.

Cheers,
Aaron

[Stéphane (smlavoie)]

Hi Aaron,

You're right, i assumed mahara.org was on 16.04, and it's not.

Demo is working fine, but not our mahara instance. So, for the moment, the bug is not reproductible.

I'll have our sysadmin dig into the problem and keep you posted.

Thanks.

[Stéphane (smlavoie)]

Hi Aaron,

Our sysadmin found the problem. A fix was released for bug #1576643 regarding a similar problem (https://bugs.launchpad.net/mahara/+bug/1576643) but related only to iPad.

We are running Mahara 16.04.1, fix was released in 16.04.2.

This explains that :)

Problem solved.

[Aaron Wells (u-aaronw)]

Hi Stephane,

Thanks for the follow-up! I'm glad to hear the problem was already fixed. :)

Cheers,
Aaron

[perryleo (perryleo)]

It sounds like there may be a compatibility issue with TinyMCE and mobile browsers in your specific environment, possibly related to device detection settings or changes introduced in the upgrade to version 16.04. Here are a few steps you can take to troubleshoot and potentially resolve the issue: by https://mobilecheck.pk/

Check TinyMCE Configuration: Review your TinyMCE configuration settings to ensure they are compatible with mobile browsers. You may need to adjust settings related to responsiveness or mobile device support.

Debugging Tools: Utilize browser developer tools or debugging tools to inspect the TinyMCE element on a mobile device. This can help identify any errors or issues specific to mobile browsers.

Test Compatibility: Test TinyMCE on multiple mobile browsers to determine if the issue is specific to a particular browser or if it is a broader compatibility issue.

Update TinyMCE: Ensure that you are using the latest version of TinyMCE. If not, consider upgrading to the latest version to take advantage of any bug fixes or improvements related to mobile browser compatibility.

Review Upgrade Changes: Review any documentation or release notes related to the upgrade to version 16.04. Look for any changes or updates that may impact TinyMCE or mobile browser compatibility.

Community Forums: Search for similar issues reported by other users in the TinyMCE community forums or support channels. There may be discussions or solutions available from other users who have encountered similar problems.

Contact Support: If you are unable to resolve the issue on your own, consider reaching out to TinyMCE support for assistance. Provide as much detail as possible about your configuration, the issue you are experiencing, and any troubleshooting steps you have already taken.

By following these steps, you should be able to identify and address the underlying cause of the issue with TinyMCE not showing on mobile devices after upgrading to version 16.04.