DOM elements created with JavaScript disappear after any update in issue view

Jira Development Jira Server
, ,
1

I use Atlassian Web-Resource Webpack Plugin + React for my Jira server plugin. After loading the issue view, react renders my app into container div that I added into issue left context. But after any update in issue (e.g. adding description), the issue view seems to refresh and all of my HTML generated by React disappear. Is there any hook or event on Jira UI I cal listen to, so that I can rerender my app after issue view refresh?

2

Hello this is documented here:
https://developer.atlassian.com/server/jira/platform/extending-inline-edit-for-jira-plugins/

AJS.$(function() {
    JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function(e, context, reason) {
        var $context = AJS.$(context);
 
        // Find our web panel. Handles the pageLoad and panelRefreshed reasons.
        var $webPanel = $context.find("*").andSelf().filter("#my-web-panel");
        if ($webPanel.length > 0) {
            rerender();
    });
});
1 Like
3

May i know if this solution is still valid? The below line

var $context = AJS.$(context);

gives the error

VM441:4 Uncaught SyntaxError: Invalid or unexpected token

4

Your question is unique. Ask a new question.

5

Thank you. I have created a new question with the actual issue.

6

As an alternative you could take a look at React WebComponents, which makes it more easy to register components and use them at any place.
But attention, don’t use the HtmlElements Polyfill for IE 11. This may seem to work, but will have a huge impact on the IE render times.

1 Like