WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: SyntaxHighlighter Evolved] Vertical scrollbars in Chrome & Safari (5 posts)

  1. thexploit
    Member
    Posted 3 years ago #

    Hi,

    I'm getting vertical scrollbars on all code that is syntax highlighted in Safari and Chrome. It doesn't happen in IE and Firefox. It seems to be related to the line-height in this section of the CSS in shCore.css

    .syntaxhighlighter a,
    .syntaxhighlighter div,
    .syntaxhighlighter code,
    .syntaxhighlighter table,
    .syntaxhighlighter table td,
    .syntaxhighlighter table tr,
    .syntaxhighlighter table tbody,
    .syntaxhighlighter table thead,
    .syntaxhighlighter table caption,
    .syntaxhighlighter textarea {
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    background: none !important;
    border: 0 !important;
    bottom: auto !important;
    float: none !important;
    height: auto !important;
    left: auto !important;
    line-height: 1.1em !important;
    margin: 0 !important;
    outline: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    text-align: left !important;
    top: auto !important;
    vertical-align: baseline !important;
    width: auto !important;
    box-sizing: content-box !important;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 1em !important;
    /*min-height: inherit !important; */
    /*min-height: auto !important;*/
    direction: ltr !important;
    }

    If I remove the line-height, I don't get anymore vertical bars...I'm wondering if this is an issue with the plugin or a combination of my theme and the plugin. I'm using the digitalnature theme. Thanks.

  2. If you change that from 1.1 to 1.0 instead of removing it, does it work as expected?

    I'm worried about a theme that sets it's own line-height messing up the code.

  3. thexploit
    Member
    Posted 3 years ago #

    Ya, I actually did try that and the scrollbars were still there. I was just looking around and stumbled on this bug report for Alex G's SyntaxHighlighter

    https://bitbucket.org/alexg/syntaxhighlighter/issue/177/superfluous-vertical-scrollbars-in-chrome

    People in the comments suggested changing to 1.2.

    I tried on latest Safari & Chrome for Windows, Linux (no Safari), and Mac and 1.2 works.

  4. Thanks.

  5. Jonathan Wold
    Member
    Posted 3 years ago #

    @thexploit - It worked for me as well - Thank you.

Topic Closed

This topic has been closed to new replies.

About this Topic