Wikipedia:井戸端/subj/Templete:Userpage の URL が長くなって横スクロールバーが生じる問題を改善したい
 |
|
Templete:Userpage の URL が長くなって横スクロールバーが生じる問題を改善したい[編集]
当初該当するプロジェクトという事で プロジェクト‐ノート:テンプレート で話題を出したのですが、反応が得られなかったので、井戸端に行わせていただきました。
Template:Userpage を自分の利用者ページに貼り付けている方も少なくないかと思います。その際に表示を見てお気づきの方もいると思いますが、自分のような漢字などの全角を利用している場合に、エンコードした URL が長くなり改行が行われずに横スクロールバーが表示されてしまいます。英数の利用者名でも下層でサブページを作成し、そこに貼り付けているとこの問題が発生します。
- 利用者:志賀 慶一/Memo/Userpage - あえて深いページにテンプレートを入れています。
そこで自分が考えたのが CSS の word-break: break-all; を付加して URL 部分を強制改行する案です。
Internet Explorer では以前から採用されていたのですが、標準規格として採用されていなかった事、他のブラウザでも正式に採用されていなかった事からこれが入っていないだと想定していますが、現在 CSS3 の草案になっている事、Firefox は 15 以降、Google Chrome・Safari でも使用できるという事で、現在の主要なブラウザでは問題なく表示できるだろうと思っています。
- 5.3. Breaking Rules for Letters: the ‘word-break’ property - CSS Text Module Level 3, W3C Last Call Working Draft 10 October 2013
- word-break - CSS | MDN
バージョンによっては正常に表示されなくなっている可能性、また他の方法を用いた方が良いという反応もあるのではないか？と思い、（利用者ページで多く貼られているテンプレートという事もありますので……）一度多くの方に反応を得て、改善を行うのがよろしいかと思い、コメントを伺えればと思っています。よろしくお願いいたします。--志賀 慶一（会話） 2013年11月5日 (火) 12:04 (UTC)
- はじめましてKubouと申します。バージョンによるのかもしれませんが、Firefox25.0おおびIE8(8.0.7600)で確認したところ利用者:志賀 慶一/Memo/UserpageについてもURL(http://～/Memo/Userpageの部分ですよね？)が折り返されて表示されました(横スクロールバーは出ません)。志賀 慶一さんがどのブラウザのどのバージョンで確認されたのか分かりませんが、情報提供の意味でコメントさせていただきました。
- ※申し訳ありませんが、私は技術論に詳しくなく上記提案に対するコメントはできません。--Kubou（会話） 2013年11月6日 (水) 09:11 (UTC)
- Kubou さんはじめまして。コメントありがとうございます。ワイド画面のディスプレイで全画面表示にしているなど、環境によっては URL が1行で表示されるので、この問題が分からないかもしれません。横幅 1024px だとこの問題が把握できるかと思います。また IE8 との事なので、Windows だけはこの問題が発生しないのかもしれません。Mac OS X と Linux 各種では確認しています。--志賀 慶一（会話） 2013年11月6日 (水) 09:24 (UTC)
- 今一度確認してみました。IE・Firefox・Opera は折り返されるのを確認できましたので、正常です。問題が発生するのは Google Chrome・Chromium および Safari が該当です。iPad の Safari でも発生を確認しています。また、Windows はフォントの文字幅が短くなるので、この問題が発生しにくいようです。そのためにこのような話題がでてこなかったと思われます。--志賀 慶一（会話） 2013年11月6日 (水) 09:47 (UTC)
- 検証お疲れ様です。発生するブラウザも特定できているようですので、発生しないものを含めて表示が崩れないような修正であれば問題ないのではないでしょうか。
- (上記私の方で確認した環境では変更後の案も表示が崩れる等の事象は発生せず元のテンプレートと同じ表示となっていることを確認しました)--Kubou（会話） 2013年11月6日 (水) 23:14 (UTC)
- Kubouさん、ありがとうございます。他に問題が生じているコメントや、反対するコメントが生じずに井戸端への読み込み解除になった場合は、反映して問題ないという結論になったという判断で Template:Userpage へ反映を行わせていただきます。 --志賀 慶一（会話） 2013年11月7日 (木) 00:09 (UTC)
- 今一度確認してみました。IE・Firefox・Opera は折り返されるのを確認できましたので、正常です。問題が発生するのは Google Chrome・Chromium および Safari が該当です。iPad の Safari でも発生を確認しています。また、Windows はフォントの文字幅が短くなるので、この問題が発生しにくいようです。そのためにこのような話題がでてこなかったと思われます。--志賀 慶一（会話） 2013年11月6日 (水) 09:47 (UTC)
- Kubou さんはじめまして。コメントありがとうございます。ワイド画面のディスプレイで全画面表示にしているなど、環境によっては URL が1行で表示されるので、この問題が分からないかもしれません。横幅 1024px だとこの問題が把握できるかと思います。また IE8 との事なので、Windows だけはこの問題が発生しないのかもしれません。Mac OS X と Linux 各種では確認しています。--志賀 慶一（会話） 2013年11月6日 (水) 09:24 (UTC)