Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-3804

Long URLs do not wrap, creating horizontal scrollbar in Resources

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: CLOSED
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.1.1, 2.1.2, 2.2.0, 2.2.1, 2.2.2, 2.2.3, 2.3.0, 2.3.1, 2.3.2, 2.4.0, 2.4.1, 2.5.0, 2.5.2, 2.5.3
    • Fix Version/s: 2.4.x, 2.5.4, 2.6.0
    • Component/s: Content
    • Labels:
      None
    • Environment:
      Client browser FF 1.5.0.1, Win XP SP2

      Description

      In Resources / Revise properties (chef_resources_edit.vm), long URLs do not wrap when viewed in FireFox - see attached screenshot. In IE the problem is usually averted because URLs will wrap at "", but a long URL without a "" would also not wrap.

      This causes the URL to go off the page and a horizontal scrollbar to be created. It also squashes up the other table columns.

      Research into possible solutions shows 2 options which would work across both IE and FF given current support CSS support in those browsers:

      1. CSS overflow tag using an enclosing <div>, e.g.:

      <td>
      <div style="overflow:hidden;"><a href="$item.url" target="_blank" title="[$tlang.getString('gen.newwin')]">$item.url</a></div>
      </td>

      This has the disadvantage of not showing the whole URL to the user, though one can still right-click and use Copy Link Location.

      Another setting of overflow will create a scroll-bar in-place, which looks ugly.

      2. Using the <wbr> element to flag breakpoints after /, such that the rendered output looks like:

      <a href="http://nightly.cet.uct.ac.za:8080/access/content/group/0c11029c-3108-44f7-8063-300829b37cdd/hslogo.png" target="_blank" title="[New window]">http://nightly.cet.uct.ac.za:8080/<wbr>access/<wbr>content/<wbr>group/<wbr>0c11029c-3108-44f7-8063-300829b37cdd/<wbr>hslogo.png</a>

      <wbr> works in both browsers, but is however not standardized and therefore technically invalid HTML.

        Gliffy Diagrams

          Zeplin

            Attachments

            1. patch-to-2_4.txt
              2 kB
              Gonzalo Silverio
            2. screenshot-1.jpg
              137 kB
              Stephen Marquard

              Activity

                People

                Assignee:
                Unassigned Unassigned
                Reporter:
                smarquard Stephen Marquard
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    Git Integration