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

Pipeline arrows are not displaying or displayed incorrectly

    XMLWordPrintable

    Details

    • Similar Issues:

      Description

      After the update to the latest LTS (v1.596.2), the arrows are no longer displaying correctly.

        Attachments

          Issue Links

            Activity

            Hide
            craftsman Roy Miller added a comment -

            I'm seeing the same behavior with 1.611. Symptoms include the arrows not displaying correctly, but also very long delay in loading the view. That's probably because of the large number of JS errors related to jquery.isPlumb:

            Error: Invalid value for <svg> attribute width="NaN"g @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1redraw @ jquery.jsPlumb-1.3.16-all-min.js:1be @ jquery.jsPlumb-1.3.16-all-min.js:1bx @ jquery.jsPlumb-1.3.16-all-min.js:1connect @ jquery.jsPlumb-1.3.16-all-min.js:1(anonymous function) @ pipe.js:204jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:200jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:198jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:196jQuery.extend.each @ jquery.full.js:384refreshPipelines @ pipe.js:195Q.ajax.success @ pipe.js:9fire @ jquery.full.js:3143self.fireWith @ jquery.full.js:3255done @ jquery.full.js:9309callback @ jquery.full.js:9713
            jquery.jsPlumb-1.3.16-all-min.js:1 Error: Invalid value for <svg> attribute height="NaN"g @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1redraw @ jquery.jsPlumb-1.3.16-all-min.js:1be @ jquery.jsPlumb-1.3.16-all-min.js:1bx @ jquery.jsPlumb-1.3.16-all-min.js:1connect @ jquery.jsPlumb-1.3.16-all-min.js:1(anonymous function) @ pipe.js:204jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:200jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:198jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:196jQuery.extend.each @ jquery.full.js:384refreshPipelines @ pipe.js:195Q.ajax.success @ pipe.js:9fire @ jquery.full.js:3143self.fireWith @ jquery.full.js:3255done @ jquery.full.js:9309callback @ jquery.full.js:9713
            jquery.jsPlumb-1.3.16-all-min.js:1 Error: Invalid value for <path> attribute d="M 53,51 L 78 51 L 77 51 M 78 51 L 78 NaN L 78 NaN M 78 NaN L NaN NaN L NaN NaN M NaN NaN L NaN NaN L NaN NaN M NaN NaN L NaN NaN L NaN NaN M NaN NaN L NaN,NaN"g @ jquery.jsPlumb-1.3.16-all-min.js:1f @ jquery.jsPlumb-1.3.16-all-min.js:1_paint @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1redraw @ jquery.jsPlumb-1.3.16-all-min.js:1be @ jquery.jsPlumb-1.3.16-all-min.js:1bx @ jquery.jsPlumb-1.3.16-all-min.js:1connect @ jquery.jsPlumb-1.3.16-all-min.js:1(anonymous function) @ pipe.js:204jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:200jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:198jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:196jQuery.extend.each @ jquery.full.js:384refreshPipelines @ pipe.js:195Q.ajax.success @ pipe.js:9fire @ jquery.full.js:3143self.fireWith @ jquery.full.js:3255done @ jquery.full.js:9309callback @ jquery.full.js:9713
            jquery.jsPlumb-1.3.16-all-min.js:1 Error: Invalid value for <path> attribute d="MNaN,NaN LNaN,NaN LNaN,NaN LNaN,NaN LNaN,NaN"g @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1draw @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1redraw @ jquery.jsPlumb-1.3.16-all-min.js:1be @ jquery.jsPlumb-1.3.16-all-min.js:1bx @ jquery.jsPlumb-1.3.16-all-min.js:1connect @ jquery.jsPlumb-1.3.16-all-min.js:1(anonymous function) @ pipe.js:204jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:200jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:198jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:196jQuery.extend.each @ jquery.full.js:384refreshPipelines @ pipe.js:195Q.ajax.success @ pipe.js:9fire @ jquery.full.js:3143self.fireWith @ jquery.full.js:3255done @ jquery.full.js:9309callback @ jquery.full.js:9713
            jquery.jsPlumb-1.3.16-all-min.js:1 Error: Invalid value for <svg> attribute width="NaN"
            ...

            Prioritization is up to you guys, of course, but I don't think this is a Minor priority thing. If it were just display, I could understand. But we've also seen that loading the view pegs the CPU on our build box. That's more of an issue, I believe.

            Show
            craftsman Roy Miller added a comment - I'm seeing the same behavior with 1.611. Symptoms include the arrows not displaying correctly, but also very long delay in loading the view. That's probably because of the large number of JS errors related to jquery.isPlumb: Error: Invalid value for <svg> attribute width="NaN"g @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1redraw @ jquery.jsPlumb-1.3.16-all-min.js:1be @ jquery.jsPlumb-1.3.16-all-min.js:1bx @ jquery.jsPlumb-1.3.16-all-min.js:1connect @ jquery.jsPlumb-1.3.16-all-min.js:1(anonymous function) @ pipe.js:204jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:200jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:198jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:196jQuery.extend.each @ jquery.full.js:384refreshPipelines @ pipe.js:195Q.ajax.success @ pipe.js:9fire @ jquery.full.js:3143self.fireWith @ jquery.full.js:3255done @ jquery.full.js:9309callback @ jquery.full.js:9713 jquery.jsPlumb-1.3.16-all-min.js:1 Error: Invalid value for <svg> attribute height="NaN"g @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1redraw @ jquery.jsPlumb-1.3.16-all-min.js:1be @ jquery.jsPlumb-1.3.16-all-min.js:1bx @ jquery.jsPlumb-1.3.16-all-min.js:1connect @ jquery.jsPlumb-1.3.16-all-min.js:1(anonymous function) @ pipe.js:204jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:200jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:198jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:196jQuery.extend.each @ jquery.full.js:384refreshPipelines @ pipe.js:195Q.ajax.success @ pipe.js:9fire @ jquery.full.js:3143self.fireWith @ jquery.full.js:3255done @ jquery.full.js:9309callback @ jquery.full.js:9713 jquery.jsPlumb-1.3.16-all-min.js:1 Error: Invalid value for <path> attribute d="M 53,51 L 78 51 L 77 51 M 78 51 L 78 NaN L 78 NaN M 78 NaN L NaN NaN L NaN NaN M NaN NaN L NaN NaN L NaN NaN M NaN NaN L NaN NaN L NaN NaN M NaN NaN L NaN,NaN"g @ jquery.jsPlumb-1.3.16-all-min.js:1f @ jquery.jsPlumb-1.3.16-all-min.js:1_paint @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1redraw @ jquery.jsPlumb-1.3.16-all-min.js:1be @ jquery.jsPlumb-1.3.16-all-min.js:1bx @ jquery.jsPlumb-1.3.16-all-min.js:1connect @ jquery.jsPlumb-1.3.16-all-min.js:1(anonymous function) @ pipe.js:204jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:200jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:198jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:196jQuery.extend.each @ jquery.full.js:384refreshPipelines @ pipe.js:195Q.ajax.success @ pipe.js:9fire @ jquery.full.js:3143self.fireWith @ jquery.full.js:3255done @ jquery.full.js:9309callback @ jquery.full.js:9713 jquery.jsPlumb-1.3.16-all-min.js:1 Error: Invalid value for <path> attribute d="MNaN,NaN LNaN,NaN LNaN,NaN LNaN,NaN LNaN,NaN"g @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1draw @ jquery.jsPlumb-1.3.16-all-min.js:1paint @ jquery.jsPlumb-1.3.16-all-min.js:1redraw @ jquery.jsPlumb-1.3.16-all-min.js:1be @ jquery.jsPlumb-1.3.16-all-min.js:1bx @ jquery.jsPlumb-1.3.16-all-min.js:1connect @ jquery.jsPlumb-1.3.16-all-min.js:1(anonymous function) @ pipe.js:204jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:200jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:198jQuery.extend.each @ jquery.full.js:384(anonymous function) @ pipe.js:196jQuery.extend.each @ jquery.full.js:384refreshPipelines @ pipe.js:195Q.ajax.success @ pipe.js:9fire @ jquery.full.js:3143self.fireWith @ jquery.full.js:3255done @ jquery.full.js:9309callback @ jquery.full.js:9713 jquery.jsPlumb-1.3.16-all-min.js:1 Error: Invalid value for <svg> attribute width="NaN" ... Prioritization is up to you guys, of course, but I don't think this is a Minor priority thing. If it were just display, I could understand. But we've also seen that loading the view pegs the CPU on our build box. That's more of an issue, I believe.
            Hide
            patbos Patrik Boström added a comment -

            Not able to reproduce the problem. Is there any particular browser? Is jquery plugin upgraded?

            Show
            patbos Patrik Boström added a comment - Not able to reproduce the problem. Is there any particular browser? Is jquery plugin upgraded?
            Hide
            vstone Jan Vansteenkiste added a comment -

            We have:

            Jenkins ver. 1.596.2
            jQuery plugin 1.11.2-0
            jQuery UI plugin: 1.0.2
            Delivery Pipeline Plugin: 0.9.1

            On firefox it is as the screenshot shows. On Mac the arrows are completely invisible.

            Show
            vstone Jan Vansteenkiste added a comment - We have: Jenkins ver. 1.596.2 jQuery plugin 1.11.2-0 jQuery UI plugin: 1.0.2 Delivery Pipeline Plugin: 0.9.1 On firefox it is as the screenshot shows. On Mac the arrows are completely invisible.
            Hide
            paux Stephan Pauxberger added a comment -

            Downgrade to JQuery Plugin 1.7.2-1 seems to solve both problems (wrong arrows and JS errors)

            Show
            paux Stephan Pauxberger added a comment - Downgrade to JQuery Plugin 1.7.2-1 seems to solve both problems (wrong arrows and JS errors)
            Hide
            patbos Patrik Boström added a comment -

            Managed to to reproduce the problem, upgrade of JQuery plugin broke the JQuery UI plugin.
            There are two possible workarounds:
            1 Downgrade jquery plugin to 1.7.2-1 as suggested by Stephan Pauxberger
            2 Disable jquery-ui plugin, delivery pipeline plugin had this as a requirement before but it is not needed anymore.

            Show
            patbos Patrik Boström added a comment - Managed to to reproduce the problem, upgrade of JQuery plugin broke the JQuery UI plugin. There are two possible workarounds: 1 Downgrade jquery plugin to 1.7.2-1 as suggested by Stephan Pauxberger 2 Disable jquery-ui plugin, delivery pipeline plugin had this as a requirement before but it is not needed anymore.
            Hide
            vstone Jan Vansteenkiste added a comment -

            Removing jquery-ui plugin fixes this for me. Feel free to close the issue

            Show
            vstone Jan Vansteenkiste added a comment - Removing jquery-ui plugin fixes this for me. Feel free to close the issue
            Hide
            tommysdk Tommy Tynjä added a comment -

            Validated the suggested workarounds which is deemed as a sufficient solution at this point, therefore closing this ticket.

            Show
            tommysdk Tommy Tynjä added a comment - Validated the suggested workarounds which is deemed as a sufficient solution at this point, therefore closing this ticket.
            Hide
            azbarcea Alex Zbarcea added a comment -

            I confirm, removing jquery-ui plugin and restarting Jenkins did the trick!

            Show
            azbarcea Alex Zbarcea added a comment - I confirm, removing jquery-ui plugin and restarting Jenkins did the trick!
            Hide
            integer Kanstantsin Shautsou added a comment -

            Is it possible to bypass without removing plugins? Both jquery plugins are needed by dependencies.

            Show
            integer Kanstantsin Shautsou added a comment - Is it possible to bypass without removing plugins? Both jquery plugins are needed by dependencies.
            Hide
            gillet Laurent Gillet added a comment -

            An easy workaround consists in modifying pipeline-common.css (in theme) as follow:

            Original value:

            ._jsPlumb_connector

            Unknown macro: { z-index}

            New value:

            ._jsPlumb_connector

            Unknown macro: { z-index}
            Show
            gillet Laurent Gillet added a comment - An easy workaround consists in modifying  pipeline-common.css (in theme) as follow: Original value: ._jsPlumb_connector Unknown macro: { z-index} New value: ._jsPlumb_connector Unknown macro: { z-index}
            Hide
            boazsh boaz shavit added a comment -

            It looks like the Original value and the new value are the same.
            I'm having the same issue where the arrows are not showing and adding the Unknown macro:

            { z-index}

            to pipeline-common.css did not solve the issue.

            Show
            boazsh boaz shavit added a comment - It looks like the Original value and the new value are the same. I'm having the same issue where the arrows are not showing and adding the Unknown macro: { z-index} to pipeline-common.css did not solve the issue.
            Hide
            acrolinx_blumenbach Tilman Blumenbach added a comment - - edited

            boaz shavit, the formatting in Laurent Gillet's comment is broken. Comment with corrected formatting:

            An easy workaround consists in modifying pipeline-common.css (in theme) as follow:

            Original value:

            ._jsPlumb_connector {
                z-index: -100;
            }
            

            New value:

            ._jsPlumb_connector {
                z-index: 0;
            }
            

            However, that workaround doesn't work for me.

            Show
            acrolinx_blumenbach Tilman Blumenbach added a comment - - edited boaz shavit , the formatting in Laurent Gillet 's comment is broken. Comment with corrected formatting: An easy workaround consists in modifying  pipeline-common.css (in theme) as follow: Original value: ._jsPlumb_connector { z-index : -100; } New value: ._jsPlumb_connector { z-index : 0; } However, that workaround doesn't work for me.
            Hide
            emanuelflp Emanuel Felipe Oliveira added a comment -

            Hello to all.

             

            What is the "correct" workaround to this issue.

            We also not remove or downgrade the plugin because of others dependencies...

            Show
            emanuelflp Emanuel Felipe Oliveira added a comment - Hello to all.   What is the "correct" workaround to this issue. We also not remove or downgrade the plugin because of others dependencies...

              People

              • Assignee:
                patbos Patrik Boström
                Reporter:
                vstone Jan Vansteenkiste
              • Votes:
                1 Vote for this issue
                Watchers:
                12 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: