Automattic / Automattic/syntaxhighlighter

Vertical scrollbar

Open
#282 0 comments 0 reactions 0 assignees View on GitHub
[Type] Enhancement
Dominant language
CSS
Stars
251
Forks
81
PR merge metrics
No merged PRs in 30d

Description

### Is your feature request related to a problem? Please describe
When I write a blblogock and use syntaxhighlighter, there is no vertical scrollbar. If the code has 200 lines, the web page is very long.

### Describe the solution you'd like
It is possible to add a function to the syntaxhighlighter settings where you can set the length of the displayed code (e.g. 30 lines, etc.).

### Describe alternatives you've considered
Now I set it in additional css with this code
```
div.syntaxhighlighter,
.syntaxhighlighter table {
max-height: 500px !important;
overflow-y: auto !important;
}
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the issue with a 200-line code block and inspect the existing syntaxhighlighter settings and the div.syntaxhighlighter and .syntaxhighlighter table styles. The work is done when a configurable displayed height or line limit provides a usable vertical scrollbar without extending the page excessively.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, wordpress
Domain
frontend
Issue type
Feature
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.