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

Horizontally stacked rendered paragraph elements causes entire page to overflow #3929

Open
3 tasks done
ballgoesvroomvroom opened this issue Feb 23, 2024 · 1 comment
Open
3 tasks done
Labels

Comments

@ballgoesvroomvroom
Copy link

Before reporting a bug

Describe the bug:
Horizontally stacked equations rendered in paragraph elements causes the overflow to propogate to the entire page.

Repro file (with inline style and js):
https://gist.github.com/ballgoesvroomvroom/e609d76434e881c4e747c3707078b6cc

Codepen: https://codepen.io/jaydencch/pen/bGZPegg

Issue present in both Chrome and Microsoft Edge. Firefox did not have this issue.

To Reproduce:

  1. Serve the .html file either on a mobile device, or inspect element with the mobile emulator

Expected behavior:
No overflow expected; if rendered latex replaced with plain text, issue does not occur.

Screenshots:
image
image

Environment (please complete the following information):

  • KaTeX Version: 0.16.9
  • Device: Mobile Phone
  • OS: ColorOS11
  • Browser: Chrome, MS Edge
  • Version: latest release Chrome 122 (122.0.6261.64) for Android

Additional context:
Vanilla HTML with the starter template in Katex API installation docs.

@ballgoesvroomvroom
Copy link
Author

ballgoesvroomvroom commented Feb 23, 2024

^ accidental close

desktop does not have the same issue as long as 'overflow: hidden' in place for scroll container
codepen is not able to emulate the issue without a proper 'mobile view' simulator

not sure if issue can be isolated to just chromium-based browsers

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant