Uploaded image for project: 'Jira Cloud'
  1. Jira Cloud
  2. JRACLOUD-69900

New Jira issue view crashes when changing issue status while using the latest Chrome version - Update: happening with Firefox too

    XMLWordPrintable

Details

    Description

      Description

      When using the Bento (new issue view) and trying to change the issue status it will crash if performing this operation through Chrome version 68.

      Update: reproduced with Firefox 61.0.1 too

      Steps to recreate

      Update Chrome to version 68
      Open project board
      Open a ticket directly from the board using quickview
      Notice ticket opens correctly
      Change ticket status
      Notice errors in console
      Notice quickview closes
      Notice quickview no longer functions and additional console errors occur on click

      Error: Minified React error #152; visit https://reactjs.org/docs/error-decoder.html?invariant=152&args[]=t for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
          at e.exports (invariant.js:42)
          at m (react-dom.production.min.js:14)
          at react-dom.production.min.js:163
          at jn (react-dom.production.min.js:165)
          at zn (react-dom.production.min.js:166)
          at Pn (react-dom.production.min.js:179)
          at ls (react-dom.production.min.js:201)
          at cs (react-dom.production.min.js:202)
          at Ks (react-dom.production.min.js:211)
          at Fs (react-dom.production.min.js:210)
      On @ react-dom.production.min.js:187
      Fn.o.callback @ react-dom.production.min.js:194
      Li @ react-dom.production.min.js:143
      Ri @ react-dom.production.min.js:144
      Us @ react-dom.production.min.js:219
      Ks @ react-dom.production.min.js:211
      Fs @ react-dom.production.min.js:210
      Ms @ react-dom.production.min.js:210
      Ds @ react-dom.production.min.js:208
      us @ react-dom.production.min.js:206
      enqueueSetState @ react-dom.production.min.js:147
      y.setState @ react.production.min.js:12
      i.onStateChange @ connectAdvanced.js:205
      f @ createStore.js:173
      (anonymous) @ createEpicMiddleware.js:59
      (anonymous) @ error-logging-middleware.js:7
      dispatch @ applyMiddleware.js:35
      t.__tryOrUnsub @ Subscriber.js:238
      t.next @ Subscriber.js:185
      t._next @ Subscriber.js:125
      t.next @ Subscriber.js:89
      t.notifyNext @ switchMap.js:124
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ OuterSubscriber.js:19
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ OuterSubscriber.js:19
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ switchMap.js:124
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t._next @ Subscriber.js:125
      t.next @ Subscriber.js:89
      t._next @ Subscriber.js:125
      t.next @ Subscriber.js:89
      t._next @ map.js:83
      t.next @ Subscriber.js:89
      t._tryProject @ zip.js:179
      t.checkIterators @ zip.js:161
      t.notifyNext @ zip.js:272
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t._next @ Subscriber.js:125
      t.next @ Subscriber.js:89
      t._next @ map.js:83
      t.next @ Subscriber.js:89
      t._next @ map.js:83
      t.next @ Subscriber.js:89
      t.notifyNext @ mergeMap.js:143
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      (anonymous) @ subscribeToResult.js:36
      Promise.then (async)
      t.subscribeToResult @ subscribeToResult.js:34
      t._innerSub @ mergeMap.js:130
      t._tryNext @ mergeMap.js:127
      t._next @ mergeMap.js:110
      t.next @ Subscriber.js:89
      t.notifyNext @ mergeMap.js:143
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      (anonymous) @ subscribeToResult.js:36
      Promise.then (async)
      t.subscribeToResult @ subscribeToResult.js:34
      t._innerSub @ mergeMap.js:130
      t._tryNext @ mergeMap.js:127
      t._next @ mergeMap.js:110
      t.next @ Subscriber.js:89
      t._subscribe @ ScalarObservable.js:49
      e._trySubscribe @ Observable.js:171
      e.subscribe @ Observable.js:159
      e.call @ mergeMap.js:85
      e.subscribe @ Observable.js:156
      e.call @ mergeMap.js:85
      e.subscribe @ Observable.js:156
      e.call @ map.js:54
      e.subscribe @ Observable.js:156
      e.call @ map.js:54
      e.subscribe @ Observable.js:156
      e.call @ retry.js:35
      e.subscribe @ Observable.js:156
      t.subscribeToResult @ subscribeToResult.js:22
      t.subscribe @ zip.js:275
      t._complete @ zip.js:120
      t.complete @ Subscriber.js:114
      t._subscribe @ ArrayObservable.js:116
      e._trySubscribe @ Observable.js:171
      e.subscribe @ Observable.js:159
      e.call @ zip.js:77
      e.subscribe @ Observable.js:156
      e.call @ map.js:54
      e.subscribe @ Observable.js:156
      e.call @ retry.js:35
      e.subscribe @ Observable.js:156
      e.call @ catch.js:79
      e.subscribe @ Observable.js:156
      t.subscribeToResult @ subscribeToResult.js:22
      t._innerSub @ switchMap.js:101
      t._next @ switchMap.js:94
      t.next @ Subscriber.js:89
      t._next @ filter.js:87
      t.next @ Subscriber.js:89
      t._next @ filter.js:87
      t.next @ Subscriber.js:89
      t.next @ Subject.js:55
      (anonymous) @ createEpicMiddleware.js:60
      (anonymous) @ error-logging-middleware.js:7
      dispatch @ applyMiddleware.js:35
      t.__tryOrUnsub @ Subscriber.js:238
      t.next @ Subscriber.js:185
      t._next @ Subscriber.js:125
      t.next @ Subscriber.js:89
      t.notifyNext @ switchMap.js:124
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ OuterSubscriber.js:19
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ OuterSubscriber.js:19
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ mergeMap.js:143
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ switchMap.js:124
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t._next @ Subscriber.js:125
      t.next @ Subscriber.js:89
      t._next @ map.js:83
      t.next @ Subscriber.js:89
      (anonymous) @ PromiseObservable.js:66
      Promise.then (async)
      t._subscribe @ PromiseObservable.js:62
      e._trySubscribe @ Observable.js:171
      e.subscribe @ Observable.js:159
      e.call @ map.js:54
      e.subscribe @ Observable.js:156
      e.call @ catch.js:79
      e.subscribe @ Observable.js:156
      t.subscribeToResult @ subscribeToResult.js:22
      t._innerSub @ switchMap.js:101
      t._next @ switchMap.js:94
      t.next @ Subscriber.js:89
      t.next @ Subject.js:55
      t._group @ groupBy.js:161
      t._next @ groupBy.js:123
      t.next @ Subscriber.js:89
      t._next @ filter.js:87
      t.next @ Subscriber.js:89
      t.next @ Subject.js:55
      (anonymous) @ createEpicMiddleware.js:60
      (anonymous) @ error-logging-middleware.js:7
      dispatch @ applyMiddleware.js:35
      t.__tryOrUnsub @ Subscriber.js:238
      t.next @ Subscriber.js:185
      t._next @ Subscriber.js:125
      t.next @ Subscriber.js:89
      t.notifyNext @ switchMap.js:124
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ OuterSubscriber.js:19
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t.notifyNext @ OuterSubscriber.js:19
      t._next @ InnerSubscriber.js:23
      t.next @ Subscriber.js:89
      t._next @ map.js:83
      t.next @ Subscriber.js:89
      t._next @ filter.js:87
      t.next @ Subscriber.js:89
      t.next @ Subject.js:55
      (anonymous) @ createEpicMiddleware.js:60
      (anonymous) @ error-logging-middleware.js:7
      dispatchFieldEdits @ status-view.js:393
      onStatusSelected @ status-view.js:401
      (anonymous) @ withAnalyticsEvents.js:104
      (anonymous) @ status-view.js:189
      Li @ react-dom.production.min.js:143
      Ri @ react-dom.production.min.js:144
      Us @ react-dom.production.min.js:219
      Ks @ react-dom.production.min.js:211
      Fs @ react-dom.production.min.js:210
      Ms @ react-dom.production.min.js:210
      ir @ react-dom.production.min.js:225
      Io @ react-dom.production.min.js:89
      invariant.js:42 Uncaught Error: Minified React error #152; visit https://reactjs.org/docs/error-decoder.html?invariant=152&args[]=t for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
          at e.exports (invariant.js:42)
          at m (react-dom.production.min.js:14)
          at react-dom.production.min.js:163
          at jn (react-dom.production.min.js:165)
          at zn (react-dom.production.min.js:166)
          at Pn (react-dom.production.min.js:179)
          at ls (react-dom.production.min.js:201)
          at cs (react-dom.production.min.js:202)
          at Ks (react-dom.production.min.js:211)
          at Fs (react-dom.production.min.js:210)
      

      Reproducing in video

      https://cl.ly/0n0J3B1B3m0t

      Workaround

      Disable the new issue view, but will lose the feature to select the status through the issue view, but the error will not happen again

      Product affected

      All Jira boards (Business, SD and Software)

      Attachments

        1. screenshot-1.png
          screenshot-1.png
          62 kB
        2. screenshot-2.png
          screenshot-2.png
          10 kB

        Issue Links

          Activity

            People

              dkostrzynski Daniel Kostrzynski
              dbraun@atlassian.com Douglas B (Inactive)
              Votes:
              11 Vote for this issue
              Watchers:
              19 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: