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.

Sign up for GitHub

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

Jump to bottom

Plain text vanishing inside HTML details element in Chrome #3326

Closed
jeffgerickson opened this issue Jan 24, 2025 · 5 comments
Closed

Plain text vanishing inside HTML details element in Chrome #3326

jeffgerickson opened this issue Jan 24, 2025 · 5 comments
Labels
Browser Bug

Comments

@jeffgerickson
Copy link

Issue Summary

Text inside an HTML details element after inline math does not render in Mac Chrome 131.0.6778.267.

Steps to Reproduce:

Here is a minimal example showing the bug:

<head>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>

<body>
A B C D \(\sqrt{e}\) F G H \(\sqrt{i}\) J K L M N \(\sqrt{o}\) P Q R S T
<details>
	<summary>Click \(\sqrt{x}\) to open</summary>
	A B C D \(\sqrt{e}\) F G H \(\sqrt{i}\) J K L M N \(\sqrt{o}\) P Q R S T
</details>
</body>

Here is what Chrome displays when the element is open; the first and last lines of text should be identical.

Image

In contrast, here is what Firefox (133.0.3 (aarch64)) displays:

Image

And here is what Safari (17.6 (19618.3.11.11.5)) displays:

Image

Technical details:

  • MathJax Version: 3.2.2
  • Client OS: Mac OS X 14.6.1 (23G93)
  • Browser: Chrome 131.0.6778.267, no extensions

The bug appears with the default MathJax configuration (see complete example above).

Supporting information:

  • No console error messages.
  • Changing the MathJax renderer or other settings seems to have no effect.
  • This could be a bug in Mac Chrome (like the STIX font kerfuffle) not in MathJax.
@nwalters512
Copy link

This is actually a bug in Chromium: https://issuetracker.google.com/issues/383593255

@marcobaez-zybooks
Copy link

I think this is a duplicate of this closed issue: #3315

Unfortunately still waiting on it to be fixed in Chromium

@dpvc
Copy link
Member

dpvc commented Feb 3, 2025

Do note that if you enclose the contents of the details tag in a <div> or <p>, that seems to avoid the bug, so you may be able to use that as a work-around for now.

@marcobaez-zybooks
Copy link

This issue has been fixed and a chromium dev confirmed it will be going out with the Chrome v134 release here: https://issuetracker.google.com/issues/383593255#comment13

@dpvc
Copy link
Member

dpvc commented Feb 3, 2025

@marcobaez-zybooks, thanks for the update!

@dpvc dpvc closed this as completed Feb 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Browser Bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@dpvc @nwalters512 @jeffgerickson @marcobaez-zybooks