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

Horizontal UI layout in Job Configure stretches horizontally. Text no longer wrapped automatically in build step text boxes.

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • core
    • Firefox 36.0.1 and Chrome 40.0.2214.115. Jenkins is running on Linux (CentOS release 6.4 (Final)) and jenkins-1.601.

      Click on configure for a Job. The UI appears to stretch unnecessarily and creates horizontal scroll bar usage to see page. It appears to happen with text box not wrapping text in build section. In our case, this is "execute shell" build step. If we remove long text, UI will update and no horizontal scroll bar is enabled. This is new bug, appeared when we updated from 1.579 to 1.598. Updated again to 1.601 and bug is still present.

      More of the same:
      When the text in one box is long - all other text boxes are also streached out. Add a 13" screen and it's all over the place. Adding images.

          [JENKINS-27367] Horizontal UI layout in Job Configure stretches horizontally. Text no longer wrapped automatically in build step text boxes.

          I tried the workaround above and it doesn't work unless you use the breaks at space delimited fields. For example:

          some very long\
          command\
          --with\
          --options

          This will work fine. But the following will not:

          SOME_PATH=/path/to/dir1:\
          /path/to/dir2:\
          /path/to/dir3

          The line break escape sequence inserts a space where the line breaks are, causing a script error. I haven't found a good workaround for the long path scenario, short of breaking it up into multiple commands, which I don't really want to do. A nice word wrap solution is really what is needed.

          Eric Wetmiller added a comment - I tried the workaround above and it doesn't work unless you use the breaks at space delimited fields. For example: some very long\ command\ --with\ --options This will work fine. But the following will not: SOME_PATH=/path/to/dir1:\ /path/to/dir2:\ /path/to/dir3 The line break escape sequence inserts a space where the line breaks are, causing a script error. I haven't found a good workaround for the long path scenario, short of breaking it up into multiple commands, which I don't really want to do. A nice word wrap solution is really what is needed.

          Correction - The above workaround works fine in bash. csh introduces spaces when escaping line breaks. I am going to adapt my script to work in bash, which is probably a good decision anyway.

          Eric Wetmiller added a comment - Correction - The above workaround works fine in bash. csh introduces spaces when escaping line breaks. I am going to adapt my script to work in bash, which is probably a good decision anyway.

          Sorin Sbarnea added a comment -

          It seems that nobody cares about Jenkins UX....

          Sorin Sbarnea added a comment - It seems that nobody cares about Jenkins UX....

          Daniel Beck added a comment - ssbarnea It seems that nobody cares about Jenkins UX.... Quite the opposite actually. We care so much that a major UI overhaul is on the way. Not really efficient to spend time on minor issues then. https://www.cloudbees.com/jenkins/juc-2015/abstracts/us-east/02-03-1400-reiber-fennelly https://www.cloudbees.com/jenkins/juc-2015/abstracts/europe/01-02-1400-fennelly-reiber https://www.cloudbees.com/jenkins/juc-2015/abstracts/us-west/01-02-1500 https://groups.google.com/d/msg/jenkinsci-users/6LzW0lE9O-0/moGOIzRPpxQJ https://groups.google.com/d/msg/jenkinsci-users/3Pi0FzLSCuk/TmwLb0CEkc0J https://groups.google.com/d/msg/jenkinsci-dev/6BdWZt35dTQ/T7b0Tn2r2DkJ https://groups.google.com/d/msg/jenkinsci-dev/Tiz-LSqCJmg/3CuYzuBXJpsJ https://www.youtube.com/watch?v=09q-hQyiFvo https://www.youtube.com/watch?v=qKLi_ViPXy8

          Can the code formatting of the boxes be disabled ? ( I don't want to go through hundreds of jobs and manually add line breaks ).

          Daniel Bengtsson added a comment - Can the code formatting of the boxes be disabled ? ( I don't want to go through hundreds of jobs and manually add line breaks ).

          Just use browser extension like "User Css" with this code:

          td.setting-main .CodeMirror {
            display: table;
            table-layout: fixed;
            width: 100%;
          }
          

          Dmitry Medvedev added a comment - Just use browser extension like "User Css" with this code: td.setting-main .CodeMirror { display: table; table-layout: fixed; width: 100%; }

          Oleg Nenashev added a comment - - edited

          Fixed by https://github.com/jenkinsci/jenkins/pull/2575 and released in 2.26

          Oleg Nenashev added a comment - - edited Fixed by https://github.com/jenkinsci/jenkins/pull/2575 and released in 2.26

          Jifeng Zhang added a comment -

          When this will be available in LTS Release?

          Jifeng Zhang added a comment - When this will be available in LTS Release?

          Oleg Nenashev added a comment -

          zjfroot Ideally it will be available within 15 days. Tomorrow we're going to start RC testing of 2.19.3, and the fix is integrated towards this release

          Oleg Nenashev added a comment - zjfroot Ideally it will be available within 15 days. Tomorrow we're going to start RC testing of 2.19.3, and the fix is integrated towards this release

          Jifeng Zhang added a comment -

          Thank you oleg_nenashev

          Jifeng Zhang added a comment - Thank you oleg_nenashev

            Unassigned Unassigned
            daveward1392 Dave Ward
            Votes:
            11 Vote for this issue
            Watchers:
            11 Start watching this issue

              Created:
              Updated:
              Resolved: