• Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Major Major
    • core
    • None
    • Jenkins 2.6

      Job configuration UI Layout is broken, some of the fields stretch horizontally and broke UI

          [JENKINS-35269] Job configuration UI Layout is broken

          Daniel Beck added a comment -

          gusreiber What about the CSS changes mentioned in comments to JENKINS-16327, JENKINS-27367 or JENKINS-35263? Do they not solve the problem?

          Daniel Beck added a comment - gusreiber What about the CSS changes mentioned in comments to JENKINS-16327 , JENKINS-27367 or JENKINS-35263 ? Do they not solve the problem?

          gus reiber added a comment -

          https://github.com/jenkinsci/jenkins/pull/2574
          yup, 27367 is the silver bullet I was not finding.

          gus reiber added a comment - https://github.com/jenkinsci/jenkins/pull/2574 yup, 27367 is the silver bullet I was not finding.

          Oleg Nenashev added a comment -

          The PR from gusreiber has been closed
          recena, could you please clarify the issue status?

          Oleg Nenashev added a comment - The PR from gusreiber has been closed recena , could you please clarify the issue status?

          oleg_nenashev, let me to take a look...

          Manuel Recena Soto added a comment - oleg_nenashev , let me to take a look...

          Alex Taylor added a comment -

          recena Any ideas on the future PRs for this issue?

          Alex Taylor added a comment - recena Any ideas on the future PRs for this issue?

          ataylor I could take a look. Did you reproduce it recently?

          Manuel Recena Soto added a comment - ataylor I could take a look. Did you reproduce it recently?

          Daniel Beck added a comment -

          For 'Execute Shell' becoming too wide at least, this was fixed between 2.19.3 and 2.32.3.

          Matrix Auth Plugin was another easy way to go too wide, but I fixed the lack of header row rotation in Chrome in matrix-auth 2.3, so that should also be a rather rare occurrence.

          Can't think of other easy ways to make things go too wide without jumping through hoops. Can anyone recommend a plugin?

          Daniel Beck added a comment - For 'Execute Shell' becoming too wide at least, this was fixed between 2.19.3 and 2.32.3. Matrix Auth Plugin was another easy way to go too wide, but I fixed the lack of header row rotation in Chrome in matrix-auth 2.3, so that should also be a rather rare occurrence. Can't think of other easy ways to make things go too wide without jumping through hoops. Can anyone recommend a plugin?

          Alex Taylor added a comment -

          recena It looks like TFS has been fixed and the only other one I am seeing it with is https://wiki.jenkins.io/display/JENKINS/CVS+Plugin but very few people use that plugin.

           

          It seems to happen most when configuring a pipeline job with a SCM that was not designed to fit into the pipeline spacing and instead on a freestyle spacing

          Alex Taylor added a comment - recena It looks like TFS has been fixed and the only other one I am seeing it with is https://wiki.jenkins.io/display/JENKINS/CVS+Plugin  but very few people use that plugin.   It seems to happen most when configuring a pipeline job with a SCM that was not designed to fit into the pipeline spacing and instead on a freestyle spacing

          Alex Raber added a comment - - edited

          I'm replying to gain traction on this. I have 2 jenkins deployments with the exact same css theme and the exact same job.

           

          On one deployment, everything looks normal (albeit very narrow):

           

          On the second deployment, text and code are set to the right, escaping the narrow job config form:

           

          As you can see in the screenshots above, the text/code fields are escaping the config editor form.

           

          Upon closer inspection the `config-table scrollspy` table is breaking out of the config form when it's being rendered.

           

          As you can see in the first screenshot below, there is a green rectangle on the right of the blue box – that is where the edge of the form is – in the second screenshot you can faintly see the gray on the left half of the page with a darker grey vertical line in the middle of the page representing that same edge of the form. The table breaks out on one jenkins, but an identical config/deployment/job looks normal (as illustrated in the first screenshot above):

           

          Edit: I'm not going to include screenshots on this part – if you scale down to 90% in chrome, the issue sometimes goes away (but apparently not, when editing Pipeline job configs via UI).

          Alex Raber added a comment - - edited I'm replying to gain traction on this. I have 2 jenkins deployments with the exact same css theme and the exact same job.   On one deployment, everything looks normal (albeit very narrow):   On the second deployment, text and code are set to the right, escaping the narrow job config form:   As you can see in the screenshots above, the text/code fields are escaping the config editor form.   Upon closer inspection the `config-table scrollspy` table is breaking out of the config form when it's being rendered.   As you can see in the first screenshot below, there is a green rectangle on the right of the blue box – that is where the edge of the form is – in the second screenshot you can faintly see the gray on the left half of the page with a darker grey vertical line in the middle of the page representing that same edge of the form. The table breaks out on one jenkins, but an identical config/deployment/job looks normal (as illustrated in the first screenshot above):   Edit: I'm not going to include screenshots on this part – if you scale down to 90% in chrome, the issue sometimes goes away (but apparently not, when editing Pipeline job configs via UI).

          Neil Sleightholm added a comment - - edited

          I am seeing this same problem, it only seems to be an issue with older or cloned jobs. I recently setup a new Jenkins server and setup and identical job and that was ok.

          The problem goes away as soon as the browser is more the 1800 pixels wide.

          Neil Sleightholm added a comment - - edited I am seeing this same problem, it only seems to be an issue with older or cloned jobs. I recently setup a new Jenkins server and setup and identical job and that was ok. The problem goes away as soon as the browser is more the 1800 pixels wide.

            recena Manuel Recena Soto
            szhem Sergey Zhemzhitsky
            Votes:
            13 Vote for this issue
            Watchers:
            23 Start watching this issue

              Created:
              Updated: