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

BlueOcean: when browser size is smaller than pipeline, we're unable to scroll to the beginning of the pipeline

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Major Major
    • blueocean-plugin
    • None
    • Blue Ocean 1.0-rc4, Blue Ocean - 1.1-beta-1, Blue Ocean - 1.1-beta2, Blue Ocean 1.2-beta3, Blue Ocean 1.2-beta4

      Design brief

      Pipeline should probably overflow on the X axis or we scale it down to fit (to a point) then overflow on X? What happens when the Pipeline is running in this case?

       

      Original request

      BlueOcean: when browser size is smaller than pipeline, we're unable to scroll to the beginning of the pipeline. Chrome

       

      Steps:

      1. create a very long pipeline
      2. open Chrome, and go to the BlueOcean UI for the pipeline
      3. resize the browser to be shorter than the length of the pipeline
      4. try to scroll to the beginning of the pipeline

      Result:

      Notice we're unable to scroll to the start of the pipeline. Now we're unable to select a step and view it's results.

       

      See attached. Scroll bar is not available to scroll to the left of the page.

          [JENKINS-43201] BlueOcean: when browser size is smaller than pipeline, we're unable to scroll to the beginning of the pipeline

          Nguyen Nguyen created issue -
          Nguyen Nguyen made changes -
          Priority Original: Minor [ 4 ] New: Major [ 3 ]
          James Dumay made changes -
          Sprint New: Blue Ocean 1.0-rc4 [ 281 ]
          James Dumay made changes -
          Rank New: Ranked higher
          James Dumay made changes -
          Epic Link New: JENKINS-35750 [ 171713 ]
          James Dumay made changes -
          Description Original: BlueOcean: when browser size is smaller than pipeline, we're unable to scroll to the beginning of the pipeline. Chrome

           

          Steps:
           # create a very long pipeline
           # open Chrome, and go to the BlueOcean UI for the pipeline
           # resize the browser to be shorter than the length of the pipeline
           # try to scroll to the beginning of the pipeline

          Result:

          Notice we're unable to scroll to the start of the pipeline. Now we're unable to select a step and view it's results.

           

          See attached. Scroll bar is not available to scroll to the left of the page.
          New: *Design brief*

          Pipeline should probably overflow on the X axis or we scale it down to fit (to a point) then overflow on X? What happens when the Pipeline is running in this case?

           

          *Original request*

          BlueOcean: when browser size is smaller than pipeline, we're unable to scroll to the beginning of the pipeline. Chrome

           

          Steps:
           # create a very long pipeline
           # open Chrome, and go to the BlueOcean UI for the pipeline
           # resize the browser to be shorter than the length of the pipeline
           # try to scroll to the beginning of the pipeline

          Result:

          Notice we're unable to scroll to the start of the pipeline. Now we're unable to select a step and view it's results.

           

          See attached. Scroll bar is not available to scroll to the left of the page.
          James Dumay made changes -
          Assignee New: Brody Maclean [ brody ]
          James Dumay made changes -
          Sprint Original: Blue Ocean 1.0-rc4 [ 281 ] New: Blue Ocean 1.0-rc4, Blue Ocean - techdebt sprint 1 [ 281, 291 ]
          James Dumay made changes -
          Link New: This issue is duplicated by JENKINS-43442 [ JENKINS-43442 ]
          James Dumay made changes -
          Assignee Original: Brody Maclean [ brody ] New: Josh McDonald [ sophistifunk ]
          James Dumay made changes -
          Rank New: Ranked higher

            sophistifunk Josh McDonald
            cuvien Nguyen Nguyen
            Votes:
            3 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved: