What is the baseline height when using Safari for latex formatting on an iPad?

  • Context: LaTeX 
  • Thread starter Thread starter Frabjous
  • Start date Start date
  • Tags Tags
    Format Latex
Click For Summary
SUMMARY

The discussion centers on the vertical offset observed in LaTeX formatting, specifically the expression \(\sqrt{ab}\), when rendered in Safari on iPads. Users report a consistent issue with baseline height discrepancies across Apple devices, including iPhones and iMacs, while Firefox on Android displays the formatting correctly. The problem is attributed to WebKit, the rendering engine used by Safari on all iOS devices, suggesting a potential font rendering issue unique to Apple's environment.

PREREQUISITES
  • Understanding of LaTeX formatting and its rendering in web browsers
  • Familiarity with WebKit as a rendering engine
  • Knowledge of cross-browser compatibility issues
  • Basic experience with iOS devices and their browser behaviors
NEXT STEPS
  • Investigate WebKit rendering differences across various devices
  • Explore LaTeX font rendering techniques in Safari
  • Learn about cross-browser testing tools for LaTeX expressions
  • Research solutions for font issues in iOS environments
USEFUL FOR

Web developers, LaTeX users, and anyone involved in cross-platform compatibility testing, particularly those working with Apple devices and Safari.

Frabjous
Gold Member
Messages
1,959
Reaction score
2,403
Using safari on an ipad \sqrt{ab} has a slight vertical offset between a and b.
##\sqrt{ab}##
Is it me?
 
Physics news on Phys.org
Looks fine to me...

1693704742595.png
 
Safari on an iPad here and I see that slight vertical offset. @berkeman what device/browser did you take your screenshot (which does not have this oddity) on?
 
I also see it with Firefox on iPhone
1693717135922.png
 
I see the same offset in the first post in this thread, in Safari on a 2019 iMac, under the latest version of MacOS (16.5.1).
 
Looks fine in Firefox on Android.
 
Nugatory said:
@berkeman what device/browser did you take your screenshot (which does not have this oddity) on?
Firefox on Win10 laptop.
 
So this seems as if this may be an apple environment thing?
 
Maybe a font issue.
 
  • #10
Nugatory said:
So this seems as if this may be an apple environment thing?
It's a WebKit thing. Safari on all platforms and all browsers on iOS devices render using WebKit.
 
  • #11
Let's see what happens if there are more than two letters: ##\sqrt{abcde}##

A rollercoaster! 😆

Does the baseline height really alternate, or is it associated with specific letters? ##\sqrt{abdce}##

Looks like the latter. Let's try the entire alphabet: ##\sqrt{abcdefghijklmnopqrstuvwxyz}##
 
Reply
  • Like
Likes   Reactions: vela

Similar threads

LaTeX Spaces when using widetext in latex
  • · Replies 1 ·
Replies
1
Views
1K
LaTeX Tip on using LaTeX preview at other websites
  • · Replies 4 ·
Replies
4
Views
2K
LaTeX LaTeX Display in Safari Browser
  • · Replies 3 ·
Replies
3
Views
4K
LaTeX LaTeX doesn't work with Safari?
  • · Replies 7 ·
Replies
7
Views
3K
LaTeX 1. Colour while using ##\LaTeX## 2. Preview first time
  • · Replies 12 ·
Replies
12
Views
3K
LaTeX LaTeX formatting Feynman Diagrams incorrectly
  • · Replies 3 ·
Replies
3
Views
4K
LaTeX LaTeX Help for Newbies - Solve Equation Rendering Issue
  • · Replies 5 ·
Replies
5
Views
4K
LaTeX Latex Paragraph Spacing: What Command To Use?
  • · Replies 4 ·
Replies
4
Views
2K
LaTeX Trouble using PythonTex variables in Latex file
  • · Replies 12 ·
Replies
12
Views
4K
LaTeX For an informal presentation, would you use LaTeX to type this out?
  • · Replies 8 ·
Replies
8
Views
3K