search

learningequality / kolibri-design-system

Kolibri Design System
https://design-system.learningequality.org
26 stars 64 forks source link

Publish a channel - RangeError: Maximum call stack size exceeded. #228

Open pcenov opened 3 years ago

pcenov commented 3 years ago

Observed behavior

Each time I attempt to publish a channel I see the following error in the Console: 'RangeError: Maximum call stack size exceeded.'

Expected behavior

There should be no errors in the console.

Errors and logs

channel_edit-1a9216d9cb95e16c56ab.js:1 Uncaught RangeError: Maximum call stack size exceeded.
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
flushCallbacks @ channel_edit-1a9216d9cb95e16c56ab.js:1
Promise.then (async)
timerFunc @ channel_edit-1a9216d9cb95e16c56ab.js:1
nextTick @ channel_edit-1a9216d9cb95e16c56ab.js:1
Vue.$nextTick @ channel_edit-1a9216d9cb95e16c56ab.js:1
handleOverflow @ channel_edit-1a9216d9cb95e16c56ab.js:1
handler @ channel_edit-1a9216d9cb95e16c56ab.js:1
Watcher.run @ channel_edit-1a9216d9cb95e16c56ab.js:1
flushSchedulerQueue @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
flushCallbacks @ channel_edit-1a9216d9cb95e16c56ab.js:1
Promise.then (async)
timerFunc @ channel_edit-1a9216d9cb95e16c56ab.js:1
nextTick @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
Watcher.update @ channel_edit-1a9216d9cb95e16c56ab.js:1
Dep.notify @ channel_edit-1a9216d9cb95e16c56ab.js:1
set @ channel_edit-1a9216d9cb95e16c56ab.js:1
set @ channel_edit-1a9216d9cb95e16c56ab.js:1
UPDATE_CHANNEL @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
Store._withCommit @ channel_edit-1a9216d9cb95e16c56ab.js:1
Store.commit @ channel_edit-1a9216d9cb95e16c56ab.js:1
Store.commit @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
EventEmitter.emit @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
runIfPresent @ channel_edit-1a9216d9cb95e16c56ab.js:1
onGlobalMessage @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
postMessage (async)
registerImmediate @ channel_edit-1a9216d9cb95e16c56ab.js:1
attachTo.setImmediate @ channel_edit-1a9216d9cb95e16c56ab.js:1
asap @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
callListener @ channel_edit-1a9216d9cb95e16c56ab.js:1
endMicroTickScope @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
Show 106 more frames
channel_edit-1a9216d9cb95e16c56ab.js:1 Uncaught RangeError: Maximum call stack size exceeded.
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at sentryWrapped (helpers.ts:85)
    at Sub.focusModal (channel_edit-1a9216d9cb95e16c56ab.js:1)
    at Sub.focusElementTest (channel_edit-1a9216d9cb95e16c56ab.js:1)
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
focusElementTest @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
focusModal @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
flushCallbacks @ channel_edit-1a9216d9cb95e16c56ab.js:1
Promise.then (async)
timerFunc @ channel_edit-1a9216d9cb95e16c56ab.js:1
nextTick @ channel_edit-1a9216d9cb95e16c56ab.js:1
Vue.$nextTick @ channel_edit-1a9216d9cb95e16c56ab.js:1
handleOverflow @ channel_edit-1a9216d9cb95e16c56ab.js:1
handler @ channel_edit-1a9216d9cb95e16c56ab.js:1
Watcher.run @ channel_edit-1a9216d9cb95e16c56ab.js:1
flushSchedulerQueue @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
flushCallbacks @ channel_edit-1a9216d9cb95e16c56ab.js:1
Promise.then (async)
timerFunc @ channel_edit-1a9216d9cb95e16c56ab.js:1
nextTick @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
Watcher.update @ channel_edit-1a9216d9cb95e16c56ab.js:1
Dep.notify @ channel_edit-1a9216d9cb95e16c56ab.js:1
set @ channel_edit-1a9216d9cb95e16c56ab.js:1
set @ channel_edit-1a9216d9cb95e16c56ab.js:1
UPDATE_CHANNEL @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
Store._withCommit @ channel_edit-1a9216d9cb95e16c56ab.js:1
Store.commit @ channel_edit-1a9216d9cb95e16c56ab.js:1
Store.commit @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
EventEmitter.emit @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
runIfPresent @ channel_edit-1a9216d9cb95e16c56ab.js:1
onGlobalMessage @ channel_edit-1a9216d9cb95e16c56ab.js:1
sentryWrapped @ helpers.ts:85
postMessage (async)
registerImmediate @ channel_edit-1a9216d9cb95e16c56ab.js:1
attachTo.setImmediate @ channel_edit-1a9216d9cb95e16c56ab.js:1
asap @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
callListener @ channel_edit-1a9216d9cb95e16c56ab.js:1
endMicroTickScope @ channel_edit-1a9216d9cb95e16c56ab.js:1
(anonymous) @ channel_edit-1a9216d9cb95e16c56ab.js:1
Show 106 more frames

Additional information

2021-04-28_15-45-04

Steps to reproduce the issue

  1. Publish any channel.
  2. Observe the browser Console.

Usage Details

bjester commented 3 years ago

This appears to originate from Kolibri Design System

rtibbles commented 3 years ago

Seems to be caused by the focus grabbing listener here: https://github.com/learningequality/kolibri-design-system/blob/825c4fece27746415742b45eee3f0c4bbaa390e3/lib/KModal.vue#L221

indirectlylit commented 3 years ago

This code is meant to help trap focus inside the modal:

https://github.com/learningequality/kolibri-design-system/blob/75d204995a486f74052bd4e116f8c273092e2485/lib/KModal.vue#L294-L317

Curious that sentryWrapped is part of the infinite loop. I wonder if sentry is briefly stealing focus and triggering another check?

rtibbles commented 3 years ago

I checked in dev mode, where Sentry is not enabled, and the error still occurs - so I think this is just an artifact of sentry monitoring, and it is not the cause.

indirectlylit commented 2 years ago

Is this issue still happening in Studio?

bjester commented 2 years ago

@indirectlylit Yes this is still happening on studio

rtibbles commented 2 years ago

Just observed this in development mode in Kolibri while on the CompletionModal.

index.vue:362 Uncaught RangeError: Maximum call stack size exceeded.
    at VueComponent.focusModal (index.vue:362)
    at VueComponent.focusElementTest (index.vue:385)
    at VueComponent.focusModal (KModal.vue:311)
    at VueComponent.focusElementTest (KModal.vue:331)
    at VueComponent.focusModal (index.vue:362)
    at VueComponent.focusElementTest (index.vue:385)
    at VueComponent.focusModal (KModal.vue:311)
    at VueComponent.focusElementTest (KModal.vue:331)
    at VueComponent.focusModal (index.vue:362)
    at VueComponent.focusElementTest (index.vue:385)
nucleogenesis commented 2 months ago

A hint w/ regard to replication is to go from one open modal to another per @marcellamaki