Adding an image to the description crashes Vikunja

Bug
1

When I add an image to a task description, Vikunja freezes and I can’t get out of the task except by refreshing the page.

Editing the description field also becomes impossible.

image crash 2
image crash 22062×1106 192 KB

Here is what I got from the console

[Info] Vikunja frontend version 0.22.0 (index-l6dpLrZq.js, line 43)

[Log] App is being served from cache by a service worker. (index-l6dpLrZq.js, line 43)
[Log] Service worker has been registered. (index-l6dpLrZq.js, line 43)
[Debug] Set attachments – Proxy (index-l6dpLrZq.js, line 38)
Proxy
[Debug] Uploaded attachments for task 101, response was – Object (TaskDetailView-HmMs64kP.js, line 1)
Objecterrors: nullsuccess: [AttachmentModel]Array (1)Prototype Object
[Debug] Add attachement – AttachmentModel (index-l6dpLrZq.js, line 38)
AttachmentModelcreated: Tue Jan 23 2024 21:10:23 GMT+0100 (heure normale d’Europe centrale) Tue Jan 23 2024 21:10:23 GMT+0100 (heure normale d’Europe centrale)createdBy: UserModel {maxRight: null, id: 1, email: "", username: "*", name: "*", …}UserModelfile: FileModel {maxRight: null, id: 17, mime: "", name: "test_image.jpg", size: 19569, …}FileModelid: 15maxRight: nulltaskId: 101Prototype AttachmentModel
[Error] TypeError: null is not an object (evaluating 'ee.insertBefore')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)
[Error] TypeError: null is not an object (evaluating 'fe.emitsOptions')
	logError (index-l6dpLrZq.js:1:36834)
	handleError$1 (index-l6dpLrZq.js:1:36775)
	callWithErrorHandling (index-l6dpLrZq.js:1:36139)
	flushJobs (index-l6dpLrZq.js:1:38919)```
2

This was recently fixed. Can you reproduce the problem on try?

3

No problem on try, and problem solved with your last unstable release.

Thanks for the great work.