Page MenuHomePhabricator

Test MathML mode on mobile devices
Closed, ResolvedPublic

Assigned To
Authored By
bzimport
Oct 8 2014, 9:49 AM
Referenced Files
F15149: horizontal-operators.png
Nov 22 2014, 3:54 AM
F15147: mathvariant.png
Nov 22 2014, 3:54 AM
F15148: integrals.png
Nov 22 2014, 3:54 AM
F15144: relations.png
Nov 22 2014, 3:54 AM
F15146: radicals.png
Nov 22 2014, 3:54 AM

Description

Author: physik

Description:
The MathML rendering mode seems to work with Google chrome mobile but not with Firefox. Firefox displays an broken image icon rather than the MathML rendering.


Version: unspecified
Severity: normal
See Also:
T47816: MathJax (in Math extension) not loaded on http://en.m.wikipedia.org/
https://bugzilla.mozilla.org/show_bug.cgi?id=775060
https://bugzilla.mozilla.org/show_bug.cgi?id=1002526
http://code.google.com/p/android/issues/detail?id=36011

Details

Reference
bz71787

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 3:54 AM
bzimport added a project: Math.
bzimport set Reference to bz71787.
bzimport added a subscriber: Unknown Object (MLST).

physik wrote:

Rendering with Firefox

attachment tmp_2311-Screenshot_2014-10-08-11-50-301505150910.png ignored as obsolete

I just tested on an Android tablet:

  • when I use the "Desktop view" I correctly see the MathML
  • when I use the "mobile view", I see the PNG image.

so I suspect that the "mobile view" has a different CSS style where ext.math.css is not loaded or incorrectly applied.

The broken image is probably unrelated, perhaps it failed to load because of your internet connection or something.

(In reply to Frédéric Wang from comment #2)

The broken image is probably unrelated, perhaps it failed to load because of
your internet connection or something.

So I expect that the broken PNG is fixed since you said that was an issue on production. Also, even if the stylesheet is not applied, the SVG image will be used as the default now.

On math-preview I see the MathML, but also https://bugzilla.mozilla.org/show_bug.cgi?id=1002526

physik wrote:

It seems to work now

physik wrote:

Maybe we don't need to reinvent the weel.
I asked on the discussion page if there is some documentation about extensions that reqly on custom css and js . https://www.mediawiki.org/wiki/Extension_talk:MobileFrontend#Compatibility_with_other_extensions_49501

physik wrote:

Maybe we don't need to reinvent the wheel.
I asked on the discussion page if there is some documentation about extensions that rely on custom css and js. https://www.mediawiki.org/wiki/Extension_talk:MobileFrontend#Compatibility_with_other_extensions_49501

physik wrote:

Bug 45816 is almost a duplicate

(In reply to physikerwelt from comment #7)

Bug 45816 is almost a duplicate

Well, I guess we want to mark bug 45816 as WONTFIX given that MathJax is too heavy, has too many files and some of them are not managed by the resource loader. It was very slow when I tested it (bug 45816 comment 10).

For the MathML mode, I think what we can do to start with is:

  1. Move the @font-face declaration from ext.math.css into a separate file.
  1. Add the ext.math.css resource to the mobile version. This will be very small and without the big web font.
  1. Do not add ext.math.js which is currently only used for browsers without SVG support and for MathPlayer.

physik wrote:

OK.

I think 1 is easy. We have to find someone who can fix 2 and 3 is already done;-)

(In reply to physikerwelt from comment #9)

OK.

I think 1 is easy. We have to find someone who can fix 2 and 3 is already
done;-)

Not tested yet: https://gerrit.wikimedia.org/r/#/c/167696/

IIUC, using the 'targets' property is enough to ask the stylesheet to load on mobile.

Created attachment 16879
Firefox Android (with VS without Latin Modern Math) - Relations

Attached:

relations.png (1×1 px, 502 KB)

Created attachment 16880
Firefox Android (with VS without Latin Modern Math) - Radicals

Attached:

radicals.png (1×1 px, 358 KB)

Created attachment 16881
Firefox Android (with VS without Latin Modern Math) - Mathvariants

Attached:

mathvariant.png (1×1 px, 385 KB)

Created attachment 16882
Firefox Android (with VS without Latin Modern Math) - Integrals

Attached:

integrals.png (1×1 px, 422 KB)

Created attachment 16883
Firefox Android (with VS without Latin Modern Math) - Horizontal Operators

Attached:

horizontal-operators.png (1×1 px, 385 KB)

The screenshots attached in comments 11 to 15 have been taken on Firefox for Android, when https://addons.mozilla.org/en-US/firefox/addon/mathml-fonts/ is enabled/disabled.

Physikerwelt claimed this task.
Physikerwelt subscribed.

I could not reproduce theses problems with the most up to date Firefox.