Uploaded image for project: 'Jira Server and Data Center'
  1. Jira Server and Data Center
  2. JRASERVER-67719

Adding .trigger-dialog class to dropdown item doesn't open a dialog

    XMLWordPrintable

Details

    • 7.1
    • Severity 3 - Minor
    • 1
    • Hide
      Atlassian Update – 21 December 2018

      Dear Jira users,

      We’re glad to announce that this issue will be addressed in our upcoming 8.0 release.

      You can find more details about our 8.0 beta release here — https://community.developer.atlassian.com/t/beta-for-jira-8-0-is-up-for-grabs/25588

      Looking forward to your feedback!

      Kind regards,
      Syed Masood
      Product Manager, Jira Server and Data Center

      Show
      Atlassian Update – 21 December 2018 Dear Jira users, We’re glad to announce that this issue will be addressed in our upcoming 8.0 release. You can find more details about our 8.0 beta release here — https://community.developer.atlassian.com/t/beta-for-jira-8-0-is-up-for-grabs/25588 Looking forward to your feedback! Kind regards, Syed Masood Product Manager, Jira Server and Data Center

    Description

      Summary

      Documentation describes a way how to open the contents of the target page in a dialog by adding css class to the link. Starting from Jira 7.10 view issue page got updated toolbar which uses AUI dropdown2 for dropdown component. There was a change in HTML markup so that aui-item-link element is used on top of a element and this is the reason the feature has stopped working.

      Steps to Reproduce

      1. Add a web-item with <styleClass>trigger-dialog</styleClass> which will be rendered as a dropdown item. An example.
      2. Click on the item.

      Expected Results

      Dialog will be shown with the contents of the link URI.

      Actual Results

      User-agent navigates to the link URI.

      Workarounds

      1. It's possible to create specialised/custom version of a dialog providing custom trigger – further step in the same documentation page
      2. Apply Progressive enhancement technique, i.e. support both use cases 1) separate page — e.g. users can open dropdown item in the new tab 2) dialog by using "inline" parameter on the back-end and attaching your JS logic in the front-end.

      details:

      • create a unique linkId of <link> item or styleClass and use it to attach JS logic, e.g. add event listener on click event where it can fetch the URI (from href attribute) with the following params: decorator=dialog&inline=true – similar is happening with built-in `.trigger-dialog` feature – and then use that content for a dialog (e.g. AUI Dialog2) component.

       

      Attachments

        Issue Links

          Activity

            People

              smikolajczuk Sylwia Mikołajczuk
              mrzymski Maciej Rzymski
              Votes:
              31 Vote for this issue
              Watchers:
              18 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: