Defect #5861
closed
Vertical scrollbar always visible in Wiki "code" blocks in Chrome.
Added by Douglas Cox over 14 years ago.
Updated over 14 years ago.
Description
In Google Chrome (works fine in IE), there are always vertical scrollbars visible on each pre/code box. They should not be visible.
View this bug in Chrome to see the problem:
void Foo( int i )
{
// ....
// ....
// ....
}
- Category changed from Wiki to UI
What versions of chrome and redmine, which theme?
Felix Schäfer wrote:
What versions of chrome and redmine, which theme?
Sorry, I am using Chrome 5.0.375.70 (the latest build I believe). And it was doing this from the Trunk build and the build on this website.
Well, on Safari Mac it does it too, and the culprit is the overflow-x: auto
in the div.wiki pre
definition, but I'm no css expert by any stretch, and simply removing makes the text overflow out of the box.
Ok, thanks for looking at it. I'll play around with it some this weekend, and see if I can come up with anything that can get rid of it correctly.
What's odd is that the more lines of text inside the block, the more scroll you have available. It's almost like the scroll size calculation isn't taking into account the spacing between lines or something. But since it's happening on two browsers I would think there is a way to make it work with the right css.
Douglas Cox wrote:
But since it's happening on two browsers I would think there is a way to make it work with the right css.
Well, it's 2 webkit based browsers, so not too different from a rendering engine point of view.
I was able to get it to display properly in Firefox, IE8, and Chrome by adding:
overflow-y: hidden;
to the div.wiki.pre
stylesheet entry.
- Status changed from New to Closed
- Target version set to 1.0.1
- Resolution set to Fixed
Fix applied in r3891. Thanks.
Also available in: Atom
PDF