PrismJS / PrismJS/prism

Line numbers alignment problems on mobile browser

Open
#3,698 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
13k
Forks
1.4k
Avg merge
15h 36m
Merged PRs (30d)
3

Description

Information:

  • Prism version: 1.29
  • Plugins: Line Highlight and Line Numbers
  • Environment: smartphone iPhone & Android

I'm using Prism with both the Line Highlight and Line Numbers plugins, downloaded a few days ago, and am having several issues with line number alignments only in the mobile browser

https://i.ibb.co/K9SGK7M/IMG-1726.jpg

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the alignment problems in Prism 1.29 with the Line Highlight and Line Numbers plugins on iPhone and Android browsers, using the attached screenshot as the observed result. Compare the mobile rendering with a desktop browser and identify the conditions that cause the line numbers to misalign; done means the numbers align correctly on both mobile environments.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.