Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[HTML-CSS] [Chrome 48] visual artifacts due to Chrome now rounding up [was: rendering issue in chrome canary builds] #1300

Closed
sean1138 opened this issue Nov 11, 2015 · 20 comments

Comments

Projects
None yet
8 participants
@sean1138
Copy link

commented Nov 11, 2015

https://code.google.com/p/chromium/issues/detail?id=552421 - it's been reported there but thought it would be worth mentioning here too. the issue persists in 48.0.2560.0 canary (64-bit).

@pkra

This comment has been minimized.

Copy link
Member

commented Nov 11, 2015

Thanks for reporting this. Do you see this on the SVG output as well or just the HTML-CSS output?

@pkra pkra added Accepted and removed Investigate labels Nov 13, 2015

@pkra

This comment has been minimized.

Copy link
Member

commented Nov 13, 2015

I can reproduce the issue (there seems to be a vertical bar to the right of the fraction) on Version 48.0.2560.0 dev (64-bit), Ubuntu 15.10.

However, the problem does not occur when using MathJax v2.6-beta.1 (neither HTML-CSS nor CommonHTML) so if it was a bug on our end, it's been fixed along the way.

@rsmith31415

This comment has been minimized.

Copy link

commented Nov 16, 2015

@pkra Some StackExchange sites are affected by this bug (e.g. Cross Validated) Do you recommend updating to MathJax v.2.6-beta.1?

By the way, SVG output is rendered correctly.

Tested in Chrome dev 48.0.2560.0 dev (64-bit) on Ubuntu 15.10. This issue doesn't occur in Chrome beta 47.0.2526.58 beta (64-bit).

@pkra

This comment has been minimized.

Copy link
Member

commented Nov 17, 2015

@rsmith31415 StackExchange sites will be upgrading as soon as 2.6 is finalized. The beta is running on math.SE if you want to compare.

@pkra pkra changed the title rendering issue in chrome canary builds [HTML-CSS] [Chrome 48] visual artifacts due to Chrome now rounding up [was: rendering issue in chrome canary builds] Nov 17, 2015

@pkra

This comment has been minimized.

Copy link
Member

commented Nov 17, 2015

I've updated the title. As mentioned on the Chrome tracker, this is caused by Chrome rounding up values which other browsers do not round up. I'm guessing this was fixed alongside other rounding issues. Maybe @dpvc can confirm later.

@pkra

This comment has been minimized.

Copy link
Member

commented Nov 17, 2015

By "this was fixed" I'm referring to the issue disappearing in MathJax v2.6.

@rsmith31415

This comment has been minimized.

Copy link

commented Nov 17, 2015

Understood. Thank you for the information.

@wchargin

This comment has been minimized.

Copy link

commented Jan 21, 2016

(For reference, the Chrome 47 → Chrome 48 upgrade path just opened on Ubuntu/Mint repositories, which is why there is at least one related issue and probably soon more.)

@pkra

This comment has been minimized.

Copy link
Member

commented Jan 22, 2016

@dpvc do you remember if there was any reason we left this open?

@dpvc

This comment has been minimized.

Copy link
Member

commented Jan 22, 2016

@pkra, no I don't recall one, and I think it can be closed.

iiLaurens added a commit to iiLaurens/laverna that referenced this issue Mar 8, 2016

adriaanm added a commit to adriaanm/scala that referenced this issue Mar 17, 2016

spec: upgrade MathJax to 2.6
This fixes the vertical bar problem on Chrome
(mathjax/MathJax#1300).

adriaanm added a commit to adriaanm/scala that referenced this issue Mar 21, 2016

spec: upgrade MathJax to 2.6
This fixes the vertical bar problem on Chrome
(mathjax/MathJax#1300).

adriaanm added a commit to adriaanm/scala that referenced this issue Mar 21, 2016

spec: upgrade MathJax to 2.6
This fixes the vertical bar problem on Chrome
(mathjax/MathJax#1300).

adriaanm added a commit to adriaanm/scala that referenced this issue Mar 24, 2016

spec: upgrade MathJax to 2.6
This fixes the vertical bar problem on Chrome
(mathjax/MathJax#1300).

adriaanm added a commit to adriaanm/scala that referenced this issue Mar 26, 2016

Spec updates for Sammy.
  - Upgrade MathJax to 2.6. This fixes the vertical bar problem
    on Chrome (mathjax/MathJax#1300);
  - Disambiguate link to Dynamic Selection;
  - Consolidate type relations;
  - Formatting, whitespace and linebreaks;
  - SAM conversion.
@srikumarks

This comment has been minimized.

Copy link

commented May 21, 2016

2.6.1 works fine in Chrome and Safari, but I noticed the same issue in the current Safari Technology Preview (Version 9.1.1 (11601.6.17, 11602.1.31)). If STP has a different rounding behaviour that is triggering this, then it indicates that the code needs to be more robust to rounding. In STP, the line is span of width 0px. Example shown below.

<span style="border-left-width: 0.004em; border-left-style: solid; display: inline-block; overflow: hidden; width: 0px; height: 3.075em; vertical-align: -1.711em;"></span>

Since the error is showing in STP, it is still wait and watch, but noting it here as a headsup.

@dpvc

This comment has been minimized.

Copy link
Member

commented May 21, 2016

@srikumarks, thanks for the information. I believe that issue #1452 addresses the problem, which will be include in the next release of MathJax.

Can you give the input that caused the given output for you? That way we can test to be sure.

@srikumarks

This comment has been minimized.

Copy link

commented May 23, 2016

Looks like #1452 will indeed fix it. The span I reported was present for all math elements.

@dpvc

This comment has been minimized.

Copy link
Member

commented May 27, 2016

OK, thanks for the confirmation.

@ibraaaa

This comment has been minimized.

Copy link

commented May 29, 2016

I see this on Chrome for Mac OSX (version info printed below) for all equations typed in an iPython notebook.

Google Chrome 51.0.2704.63 (Official Build) (64-bit)
Revision 2989ec7055a268f05554172b2207a34c0c842b8d-refs/branch-heads/2704@{#656}
OS Mac OS X
Blink 537.36 (@2989ec7055a268f05554172b2207a34c0c842b8d)
JavaScript V8 5.1.281.47
Flash 21.0.0.242
User Agent Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.63 Safari/537.36

@dpvc

This comment has been minimized.

Copy link
Member

commented May 29, 2016

@ibraaaa, make sure that you are using MathJax version 2.6 (select the "About MathJax" item in the MathJax contextual menu obtained by control-clicking on any typeset expression). If you are using 2.5.x or earlier, then you will still see this problem. Version 2.6 includes the work-around for it.

@ibraaaa

This comment has been minimized.

Copy link

commented May 30, 2016

@dpvc, upgrading to the latest version of MathJax fixed this issue, thanks!

@dpvc

This comment has been minimized.

Copy link
Member

commented May 30, 2016

@ibraaaa, great! Glad to hear it is working for you now.

briangordon added a commit to briangordon/briangordon.github.com that referenced this issue Jun 8, 2016

Updated MathJax to MathJax-2.6
This should fix the rendering bug on Chrome where a vertical line was
drawn to the right of each MathJax equation. See
mathjax/MathJax#1300

vbraun added a commit to vbraun/sage that referenced this issue Jul 2, 2016

Trac #19875: Upgrade MathJax to 2.6
Sage currently ships !MathJax 2.5. [https://www.mathjax.org/news/
MathJax 2.6 was released 2015-12-30].

Upgrading would solve the trailing vertical bar that appears after each
mathjax-rendered formula in the Chrome and Opera browsers, see eg

http://doc.sagemath.org/html/en/reference/rings_standard/index.html

as a result of a known !MathJax bug fixed in !MathJax 2.6, see

mathjax/MathJax#1300

and

http://stackoverflow.com/questions/34277967/chrome-rendering-mathjax-
equations-with-a-trailing-vertical-line

URL: https://trac.sagemath.org/19875
Reported by: slelievre
Ticket author(s): Volker Braun
Reviewer(s): Miguel Marco

lentinj added a commit to tutor-web/tutorweb.quiz that referenced this issue Aug 3, 2016

ThiefMaster added a commit to ThiefMaster/indico that referenced this issue Aug 16, 2016

Update to MathJax 2.6.1
Mainly because of mathjax/MathJax#1300 (looks ugly in Chrome).

ThiefMaster added a commit to indico/indico that referenced this issue Aug 16, 2016

Update to MathJax 2.6.1
Mainly because of mathjax/MathJax#1300 (looks ugly in Chrome).

adriaanm added a commit to scala/scala that referenced this issue Nov 29, 2016

Update to mathjax 2.6-latest [2.12.x backport]
This fixes the vertical bar problem on Chrome 
(mathjax/MathJax#1300);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.