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

Build progress bar sometimes does not use full width

      Sometimes, the build progress bar does not take up the full width it is allocated, resulting in screenshots like https://github.com/jenkinsci/jenkins/pull/6562#issuecomment-1133440939 or https://gitter.im/jenkinsci/ux-sig?at=62912c2cef00bd1dc6011778

      janfaracik in https://gitter.im/jenkinsci/ux-sig?at=629157844e38f759e28ff91c proposes an issue with Bootstrap.

      Steps to reproduce

      1. Install Jenkins 2.350
      2. Install Warnings NG plugin 9.12.0 and its dependency bootstrap5-api 5.1.3-7
      3. Create a freestyle job
      4. Add a build step that sleeps for 20 seconds (e.g. shell sleep 20 )
      5. Add a post-build step that "Record compiler warnings and static analysis results", leave all options default
      6. Save
      7. Trigger 2 or more builds
      8. Wait a while

      Expected result

      Sane progress bar

      Actual result

      See attached

          [JENKINS-68670] Build progress bar sometimes does not use full width

          Daniel Beck created issue -
          Daniel Beck made changes -
          Summary Original: Build progress bar does not use full width New: Build progress bar sometimes does not use full width
          Daniel Beck made changes -
          Attachment New: Screenshot 2022-05-27 at 21.56.26.png [ 58124 ]
          Basil Crow made changes -
          Labels Original: regression ux New: regression ux ux-untriaged
          Daniel Beck made changes -
          Component/s New: bootstrap5-api-plugin [ 28620 ]
          Daniel Beck made changes -
          Description Original: Sometimes, the build progress bar does not take up the full width it is allocated, resulting in screenshots like [https://github.com/jenkinsci/jenkins/pull/6562#issuecomment-1133440939] or [https://gitter.im/jenkinsci/ux-sig?at=62912c2cef00bd1dc6011778]

          Cause unknown, and since it doesn't consistently happen I am unable to bisect with any confidence.

          [~janfaracik] in [https://gitter.im/jenkinsci/ux-sig?at=629157844e38f759e28ff91c] proposes an issue with Bootstrap.
          New: Sometimes, the build progress bar does not take up the full width it is allocated, resulting in screenshots like [https://github.com/jenkinsci/jenkins/pull/6562#issuecomment-1133440939] or [https://gitter.im/jenkinsci/ux-sig?at=62912c2cef00bd1dc6011778]

          Cause unknown, and since it doesn't consistently happen I am unable to bisect with any confidence.

          [~janfaracik] in [https://gitter.im/jenkinsci/ux-sig?at=629157844e38f759e28ff91c] proposes an issue with Bootstrap.
          h2. Steps to reproduce
           # Install Jenkins 2.350
           # Install Warnings NG plugin 9.12.0 and its dependency bootstrap5-api 5.1.3-7
           # Create a freestyle job
           # Add a build step that sleeps for 20 seconds (e.g. shell {{sleep 20}} )
           # Add a post-build step that "Record compiler warnings and static analysis results", leave all options default
           # Save
           # Trigger 2 or more builds
           # Wait a while

          h2. Expected result

          Sane progress bar
          h2. Actual result

          See attached
          Daniel Beck made changes -
          Attachment New: Screenshot 2022-06-02 at 20.18.44.png [ 58125 ]
          Daniel Beck made changes -
          Labels Original: regression ux ux-untriaged New: ux
          Daniel Beck made changes -
          Description Original: Sometimes, the build progress bar does not take up the full width it is allocated, resulting in screenshots like [https://github.com/jenkinsci/jenkins/pull/6562#issuecomment-1133440939] or [https://gitter.im/jenkinsci/ux-sig?at=62912c2cef00bd1dc6011778]

          Cause unknown, and since it doesn't consistently happen I am unable to bisect with any confidence.

          [~janfaracik] in [https://gitter.im/jenkinsci/ux-sig?at=629157844e38f759e28ff91c] proposes an issue with Bootstrap.
          h2. Steps to reproduce
           # Install Jenkins 2.350
           # Install Warnings NG plugin 9.12.0 and its dependency bootstrap5-api 5.1.3-7
           # Create a freestyle job
           # Add a build step that sleeps for 20 seconds (e.g. shell {{sleep 20}} )
           # Add a post-build step that "Record compiler warnings and static analysis results", leave all options default
           # Save
           # Trigger 2 or more builds
           # Wait a while

          h2. Expected result

          Sane progress bar
          h2. Actual result

          See attached
          New: Sometimes, the build progress bar does not take up the full width it is allocated, resulting in screenshots like [https://github.com/jenkinsci/jenkins/pull/6562#issuecomment-1133440939] or [https://gitter.im/jenkinsci/ux-sig?at=62912c2cef00bd1dc6011778]

          [~janfaracik] in [https://gitter.im/jenkinsci/ux-sig?at=629157844e38f759e28ff91c] proposes an issue with Bootstrap.
          h2. Steps to reproduce
           # Install Jenkins 2.350
           # Install Warnings NG plugin 9.12.0 and its dependency bootstrap5-api 5.1.3-7
           # Create a freestyle job
           # Add a build step that sleeps for 20 seconds (e.g. shell {{sleep 20}} )
           # Add a post-build step that "Record compiler warnings and static analysis results", leave all options default
           # Save
           # Trigger 2 or more builds
           # Wait a while

          h2. Expected result

          Sane progress bar
          h2. Actual result

          See attached
          Ulli Hafner made changes -
          Labels Original: ux New: help-wanted newbie-friendly ux
          Daniel Tellier made changes -
          Assignee New: Daniel Tellier [ danieltellier ]

            yokeshwaranvk yokeshwaran
            danielbeck Daniel Beck
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved: