Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-29632

Long text in "Configure" <td> elements do not word wrap

XMLWordPrintable

      On the configuration pages for various projects, when there is a large running paragraph of text (no returns), the text box will continue extending horizontally in the browser until there is a return/new line in the text (see attached jenkins-long-textbox.PNG). The header (jenkins-header.PNG) and footer (jenkins-footer.PNG) will fit to the window size (jenkins-css-form.PNG), but everything in between (the body) will fit to this maximum width set by the longest text line in any <td> on the configuration (jenkins-css-table.PNG).

      I've tested this issue across both latest versions of Chrome and Firefox, as well as with different adjusted browser window sizes. Using "Inspect Element", I inserted style on the above screen-captured "table" element that wrapped words (<table style="table-layout: fixed, width: 100%"> and <td style="word-wrap: break-word">), but it was messy and already at the limit of my CSS.

        1. jenkins-css-form.PNG
          jenkins-css-form.PNG
          43 kB
        2. jenkins-css-table.PNG
          jenkins-css-table.PNG
          49 kB
        3. jenkins-footer.PNG
          jenkins-footer.PNG
          7 kB
        4. jenkins-header.PNG
          jenkins-header.PNG
          3 kB
        5. jenkins-long-textbox.PNG
          jenkins-long-textbox.PNG
          14 kB

            Unassigned Unassigned
            amundsenjunior Scott Russell
            Votes:
            4 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved: