Unnecessary vertical scrollbars appear in Chrome web browser

[Graham Hannington]

(Nice plugin, thank you!)

In Google Chrome (I'm using Version 29.0.1547.62 m on Windows 7) unnecessary vertical scrollbars appear next to content inside the plugin-enhanced {noformat} macro.

These vertical scrollbars do not appear in Firefox (current release, 23.0.1) or IE9.

I am not the JIRA admin at my site, so I am unable to "see" the plugin version as displayed on an admin page. However, the source of a preview page contains a URL with the substring "/1.7.0/_/download/resources/jira.plugin.syntaxhighlighter.macro.syntaxplugin". For the purposes of creating this issue, I do not know whether "1.7.0" is a "milestone" or a "version" (however, I note that only the Milestone dropdown selection box in this form includes "1.7.0" as an option; Version ends at "1.6.1".)

[Graham Hannington]

Atlassian Answers contains the following answer:

the issue was zoom related. The zoom was set to 110% instead of 100% and therefore the lines appeared.

However, I do not see how to apply this answer to the problem (a problem that, as mentioned, does not occur in other browsers). For example, changing the "zoom" in Chrome (by pressing Ctrl with 0, +, or - ) has no effect on the vertical scrollbars.

[Holger Schimanski]

Does this problem still exists with version 1.9.0 resp. recent browser versions?

[Phillip Ponzer]

Yes, this problem still exists using plugin version 1.9.1, JIRA 6.3.1, and Chrome 36.0.1985.125 m

[Phillip Ponzer]

I believe it's more of a CSS thing, as I was able to disable the vertical scrollbar by changing this:

.syntaxhighlighter {
    width: 100%!important;
    margin: 1em 0 1em 0!important;
    position: relative!important;
    overflow: auto!important;
    font-size: 1em!important;
}

to this:

.syntaxhighlighter {
    width: 100%!important;
    margin: 1em 0 1em 0!important;
    position: relative!important;
    /*overflow: auto!important;*/
    font-size: 1em!important;
}

[Holger Schimanski]

Would you be able to test this problem with the new version 2.0.0-beta2 (available from the download section)? I hope this problem no longer exists in this new version.

This new version has redesigned HTML output (to support email and activity streams), so also CSS styling is different.

[el_schalo]

I just checked it out with the Beta3 - and the scroll arrows are stilt here: !XML-Codeblock long - syntaxplugin2.0.0beta3.png!

To visualize the Problem here the original JIRA behaviour: !XML-Codeblock short - original.png! !XML-Codeblock long - original.png!

And here with activated syntaxplugin2.0.0: !XML-Codeblock long - syntaxplugin.png! !XML-Codeblock short - syntaxplugin.png!

[Holger Schimanski]

What browser (e.g. Chrom 37, IE 11) and operating system (e.g. Windows 8.1, MacOS X 10.9.4) are you using? Can you also check other browsers?

[Schoenhofen, Kelly]

Horizontal and vertical bars show up for me using Chrome 37.0.2062.124 m, and IE 11.0.9600.17239 on Windows 7 Professional, against a Jira 6.3.6 & Syntax Highlighter 2.1.0 (server, not OnDemand)

-Kelly

[Hector Palacios]

It also happens to me with Windows 7 and Firefox 32.0.2. Checking the HTML with Firebug shows that the 'overflow' property is set to 'scroll' rather than to 'auto':

<div style="border: 1px dashed #bbb; border-radius: 5px !important; overflow: scroll; max-height: 30em;" class="syntaxplugin" id="syntaxplugin">

[Holger Schimanski]

After switching from JavaScript to serverside highlighting from version 1.x to 2.x I am now able to work on this issue. And yes, you are right. Good catch! That should be overflow:auto; I have fixed this in source code and have released a new minor version 2.1.1.

@hpalacio , @kschoenhofen , @el_schalo , @starryknight64 , @GrahamHannington , Could you do some testing and reply if the problem is fixed? In the past I had problems to reproduce the issue because of the too many environments out there in use... Many thanks in advance!

[Schoenhofen, Kelly]

Looks good to me! Many thanks!

[Hector Palacios]

Yeah, resolved. Thank you.

[Holger Schimanski]

Removing version: 1.7.0 (automated comment)