プロジェクト

全般

プロフィール

Vote #67594

完了

Vertical scrollbar always visible in Wiki "code" blocks in Chrome.

Admin Redmine さんが約4年前に追加. 約4年前に更新.

ステータス:
Closed
優先度:
低め
担当者:
-
カテゴリ:
UI_10
対象バージョン:
開始日:
2010/07/09
期日:
進捗率:

0%

予定工数:
category_id:
10
version_id:
21
issue_org_id:
5861
author_id:
17490
assigned_to_id:
0
comments:
7
status_id:
5
tracker_id:
1
plus1:
0
affected_version:
closed_on:
affected_version_id:
18
ステータス-->[Closed]

説明

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 )
{
    // ....
    // ....
    // ....
}

journals

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:
<pre>
overflow-y: hidden;
</pre>

to the @div.wiki.pre@ stylesheet entry.
--------------------------------------------------------------------------------
Fix applied in r3891. Thanks.
--------------------------------------------------------------------------------

Admin Redmine さんが約4年前に更新

  • カテゴリUI_10 にセット
  • 対象バージョン1.0.1_21 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0