Unnecessary vertical scrollbars appear in Chrome web browser
(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".)
Comments (17)
-
reporter -
repo owner - removed milestone
- changed version to 1.7.0
-
repo owner Does this problem still exists with version 1.9.0 resp. recent browser versions?
-
repo owner - removed responsible
-
Yes, this problem still exists using plugin version 1.9.1, JIRA 6.3.1, and Chrome 36.0.1985.125 m
-
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; }
-
repo owner 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.
-
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!
-
repo owner 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?
-
Account Deactivated 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
-
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">
-
repo owner 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!
-
Account Deactivated Looks good to me! Many thanks!
-
Yeah, resolved. Thank you.
-
repo owner - changed milestone to 2.1.1
-
assigned issue to
-
repo owner - changed status to resolved
-
repo owner - removed version
Removing version: 1.7.0 (automated comment)
- Log in to comment
Atlassian Answers contains the following answer:
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.