Automattic / Automattic/syntaxhighlighter

Code shortcode For Jetpack and WordPress.com doesn't render well in AMP

Open
#110 1 comment 1 reaction 0 assignees View on GitHub
[Status] Accepted [Type] Bug
Dominant language
CSS
Stars
251
Forks
81
PR merge metrics
No merged PRs in 30d

Description

@ashercantrell received a report from a customer today that, when using the syntaxhighlighter [code] shortcode on WordPress.com sites or Jetpack-enabled WordPress sites, one can see rendering issues. Namely, the text can escape the borders of the page.

You can see this, as an example, on this post: https://buildingsteps.wordpress.com/2019/02/03/typed-claims-in-asp-net-core-2-1/

On the AMP version, the text is rendered out past the edge of the screen:
https://buildingsteps.wordpress.com/2019/02/03/typed-claims-in-asp-net-core-2-1/amp/

**Ticket:** #2246096-zen

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the [code] shortcode rendering on the linked WordPress.com post and its AMP version, then inspect the plugin's styling and markup involved in that output. Done means syntax-highlighted code stays within the page borders on AMP without breaking the regular rendering.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.