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.

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Resolved (View Workflow)
    • Priority: Minor
    • Resolution: Fixed
    • Component/s: core
    • Labels:
    • Environment:
      Firefox 36.0.1 and Chrome 40.0.2214.115. Jenkins is running on Linux (CentOS release 6.4 (Final)) and jenkins-1.601.
    • Similar Issues:

      Description

      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.

        Attachments

          Issue Links

            Activity

            daveward1392 Dave Ward created issue -
            Hide
            danielbeck Daniel Beck added a comment -

            This has always happened with the code-formatting enabled text boxes (e.g. job description with HTML formatting as well). I think in that update, formatting of these text boxes (which was broken before) was re-enabled, so that would explain the change.

            Workaround is to insert escaped line breaks in the script, so this is hardly a major issue.

            Show
            danielbeck Daniel Beck added a comment - This has always happened with the code-formatting enabled text boxes (e.g. job description with HTML formatting as well). I think in that update, formatting of these text boxes (which was broken before) was re-enabled, so that would explain the change. Workaround is to insert escaped line breaks in the script, so this is hardly a major issue.
            danielbeck Daniel Beck made changes -
            Field Original Value New Value
            Priority Major [ 3 ] Minor [ 4 ]
            Hide
            ewetmill 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.

            Show
            ewetmill 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.
            Hide
            ewetmill 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.

            Show
            ewetmill 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.
            Hide
            ssbarnea Sorin Sbarnea added a comment -

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

            Show
            ssbarnea Sorin Sbarnea added a comment - It seems that nobody cares about Jenkins UX....
            Show
            danielbeck Daniel Beck added a comment - Sorin Sbarnea 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
            Hide
            zitrax 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 ).

            Show
            zitrax 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 ).
            rtyler R. Tyler Croy made changes -
            Workflow JNJira [ 161572 ] JNJira + In-Review [ 180748 ]
            amir_mehler Amir Mehler made changes -
            Description 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. 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.
            amir_mehler Amir Mehler made changes -
            Attachment textbox-horizontal-overflow.png [ 33849 ]
            Attachment textbox-horizontal-overflow2.png [ 33850 ]
            Hide
            dvmedvedev 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%;
            }
            
            Show
            dvmedvedev 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%; }
            danielbeck Daniel Beck made changes -
            Labels gui gui lts-candidate
            Hide
            oleg_nenashev Oleg Nenashev added a comment - - edited

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

            Show
            oleg_nenashev Oleg Nenashev added a comment - - edited Fixed by https://github.com/jenkinsci/jenkins/pull/2575 and released in 2.26
            oleg_nenashev Oleg Nenashev made changes -
            Resolution Fixed [ 1 ]
            Status Open [ 1 ] Resolved [ 5 ]
            oleg_nenashev Oleg Nenashev made changes -
            Link This issue is duplicated by JENKINS-35263 [ JENKINS-35263 ]
            olivergondza Oliver Gondža made changes -
            Labels gui lts-candidate 2.19.3-fixed gui
            Hide
            zjfroot Jifeng Zhang added a comment -

            When this will be available in LTS Release?

            Show
            zjfroot Jifeng Zhang added a comment - When this will be available in LTS Release?
            Hide
            oleg_nenashev Oleg Nenashev added a comment -

            Jifeng Zhang 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

            Show
            oleg_nenashev Oleg Nenashev added a comment - Jifeng Zhang 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
            Hide
            zjfroot Jifeng Zhang added a comment -

            Thank you Oleg Nenashev

            Show
            zjfroot Jifeng Zhang added a comment - Thank you Oleg Nenashev
            olivergondza Oliver Gondža made changes -
            Labels 2.19.3-fixed gui 2.19.4-fixed gui
            oleg_nenashev Oleg Nenashev made changes -
            Link This issue is related to JENKINS-35028 [ JENKINS-35028 ]
            jamesdumay James Dumay made changes -
            Remote Link This issue links to "CloudBees Internal OSS-2074 (Web Link)" [ 18431 ]

              People

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

                Dates

                Created:
                Updated:
                Resolved: