[Bug]: The file compare feature does not work

[LCBdavid]

⚠️ Before submitting, please verify the following: ⚠️

• This is a bug, not a question or a configuration issue.
• This issue is not already reported on Github (I've searched it).
• Nextcloud Server and Desktop Client are up to date. See Server Maintenance and Release Schedule and Desktop Releases for supported versions.
• I agree to follow Nextcloud's Code of Conduct

Bug description

The file compare does not work. With Collabora (.docx, .xlsx) and also simple compare without collabora for .txt files.
The left panel load correctly but the right panel never finish loading.

Steps to reproduce

1. Click 3 dots on a txt file
2. tab "Versions"
3. Select and old version and "Compare with actual file"

Expected behavior

Display the 2 versions side by side

Which files are affected by this bug

any office or text file

Operating system

Linux

Which version of the operating system you are running.

Ubuntu 24.04

Package

Official Linux AppImage

Nextcloud Server version

33.0.2

Nextcloud Desktop Client version

33.0.2

Is this bug present after an update or on a fresh install?

Updated to a major version (ex. 3.16.3 to 3.17.0)

Are you using the Nextcloud Server Encryption module?

Encryption is Disabled

Are you using an external user-backend?

• Default internal user-backend
• LDAP/ Active Directory
• SSO - SAML
• Other

Nextcloud Server logs

Additional info

This bug affect the server web portal, not the sync client on Windows

[skjnldsv]

@nextcloud/office ?

[skjnldsv]

Hello!
I will need your browser console log to investigate this issue.
Open your console, reload your page and/or do the action leading to this issue and copy/paste the log in this thread.

How to access your browser console (Click to expand)

Chrome

• Press either CTRL + SHIFT + J to open the “console” tab of the Developer Tools.
• Alternative method:
  1. Press either CTRL + SHIFT + I or F12 to open the Developer Tools.
  2. Click the “console” tab.

Safari

• Press CMD + ALT + I to open the Web Inspector.
• See Chrome’s step 2. (Chrome and Safari have pretty much identical dev tools.)

Firefox

• Press CTRL + SHIFT + K to open the Web console (COMMAND + SHIFT + K on Macs).
• or, if Firebug is installed (recommended):
  1. Press F12 to open Firebug.
  2. Click on the “console” tab.

Opera

1. Press CTRL + SHIFT + I to open Dragonfly.
2. Click on the “console” tab.

[LCBdavid]

Here it is. Hope it helps (texte version at this end)

Refused to apply style from 'https://docsdemo.lcb-info.ch/apps/files_versions/css/sidebar-tab.css?v=7291576f-12' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.Understand this error
index.mjs:44 [WARN] viewer: Some mimes were ignored because they are not enabled in the server previews config Object
log @ index.mjs:44Understand this warning
index.mjs:44 [WARN] @nextcloud/vue: You need to fill either the text or the ariaLabel props in the button component. Object
log @ index.mjs:44Understand this warning
index.mjs:44 [WARN] @nextcloud/vue: You need to fill either the text or the ariaLabel props in the button component. Object
log @ index.mjs:44Understand this warning
/ocs/v2.php/apps/user_status/api/v1/user_status:1 Failed to load resource: the server responded with a status of 404 (Not Found)Understand this error
index.mjs:47 [ERROR] core: Failed to load user status Objectapp: "core"error: AxiosError: Request failed with status code 404
at r (https://docsdemo.lcb-info.ch/dist/core-common.js?v=8452cbb9-12:1:4411365)
at XMLHttpRequest.x (https://docsdemo.lcb-info.ch/dist/core-common.js?v=8452cbb9-12:1:4397424)
at w.request (https://docsdemo.lcb-info.ch/dist/core-common.js?v=8452cbb9-12:1:2445846)
at async o.created (https://docsdemo.lcb-info.ch/dist/core-main.js?v=8452cbb9-12:1:88464)code: "ERR_BAD_REQUEST"config: {transitional: {…}, adapter: Array(3), transformRequest: Array(1), transformResponse: Array(1), timeout: 0, …}isAxiosError: truename: "AxiosError"request: XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}response: {data: {…}, status: 404, statusText: 'Not Found', headers: d, config: {…}, …}status: 404message: "Request failed with status code 404"stack: "AxiosError: Request failed with status code 404\n at r (https://docsdemo.lcb-info.ch/dist/core-common.js?v=8452cbb9-12:1:4411365)\n at XMLHttpRequest.x (https://docsdemo.lcb-info.ch/dist/core-common.js?v=8452cbb9-12:1:4397424)\n at w.request (https://docsdemo.lcb-info.ch/dist/core-common.js?v=8452cbb9-12:1:2445846)\n at async o.created (https://docsdemo.lcb-info.ch/dist/core-main.js?v=8452cbb9-12:1:88464)"[[Prototype]]: Errorlevel: 2uid: "david.maitre"[[Prototype]]: Objectconstructor: ƒ Object()hasOwnProperty: ƒ hasOwnProperty()isPrototypeOf: ƒ isPrototypeOf()propertyIsEnumerable: ƒ propertyIsEnumerable()toLocaleString: ƒ toLocaleString()toString: ƒ toString()valueOf: ƒ valueOf()defineGetter: ƒ defineGetter()defineSetter: ƒ defineSetter()lookupGetter: ƒ lookupGetter()lookupSetter: ƒ lookupSetter()proto: (...)get proto: ƒ proto()set proto: ƒ proto()
log @ index.mjs:47Understand this error
NotificationsApp.vue:466 Notifications permissions not yet requested
528?dir=/COMMUN&opendetails=true:1 Refused to apply style from 'https://docsdemo.lcb-info.ch/apps/files_versions/css/sidebar-tab.css?v=7291576f-12' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.Understand this error
Viewer.vue:481 [WARN] viewer: No files provided, skipping update {app: 'viewer', uid: 'david.maitre', level: 2}
log @ index.mjs:44
warn @ index.mjs:62
files @ Viewer.vue:481
Zt @ vue.runtime.esm.js:3033
e.run @ vue.runtime.esm.js:3550
_p @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
Fs @ vue.runtime.esm.js:3081
Promise.then
Ma @ vue.runtime.esm.js:3106
zo @ vue.runtime.esm.js:3171
ir @ vue.runtime.esm.js:4227
e.update @ vue.runtime.esm.js:3529
e.notify @ vue.runtime.esm.js:732
set @ vue.runtime.esm.js:976
open @ Viewer.js:322
compare @ Viewer.js:364
W @ FilesVersionsSidebarTab.vue:268
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
Rl @ runtime-core.esm-bundler.js:4433
g @ VersionEntry.vue:309
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
Rl @ runtime-core.esm-bundler.js:4433
onClick @ actionText-BXR0sWNu.mjs:72
handleClick @ NcActionButton-BuRnYpJX.mjs:138
p.onClick.s..s. @ NcActionButton-BuRnYpJX.mjs:188
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
n @ runtime-dom.esm-bundler.js:730Understand this warning
Viewer.vue:718 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'split')
at r.openFileInfo (Viewer.vue:718:1)
at r.fileInfo (Viewer.vue:462:1)
at Zt (vue.runtime.esm.js:3033:30)
at e.run (vue.runtime.esm.js:3550:21)
at _p (vue.runtime.esm.js:4141:17)
at Array. (vue.runtime.esm.js:3159:20)
at Fs (vue.runtime.esm.js:3081:17)
openFileInfo @ Viewer.vue:718
fileInfo @ Viewer.vue:462
Zt @ vue.runtime.esm.js:3033
e.run @ vue.runtime.esm.js:3550
_p @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
Fs @ vue.runtime.esm.js:3081
Promise.then
Ma @ vue.runtime.esm.js:3106
zo @ vue.runtime.esm.js:3171
ir @ vue.runtime.esm.js:4227
e.update @ vue.runtime.esm.js:3529
e.notify @ vue.runtime.esm.js:732
set @ vue.runtime.esm.js:976
open @ Viewer.js:322
compare @ Viewer.js:364
W @ FilesVersionsSidebarTab.vue:268
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
Rl @ runtime-core.esm-bundler.js:4433
g @ VersionEntry.vue:309
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
Rl @ runtime-core.esm-bundler.js:4433
onClick @ actionText-BXR0sWNu.mjs:72
handleClick @ NcActionButton-BuRnYpJX.mjs:138
p.onClick.s..s. @ NcActionButton-BuRnYpJX.mjs:188
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
n @ runtime-dom.esm-bundler.js:730Understand this error
BaseReader.vue:50 {content: 'Article 1\r\nArticle 2\r\nArticle 3\r\nArticle 4'}content: "Article 1\r\nArticle 2\r\nArticle 3\r\nArticle 4"[[Prototype]]: Objectconstructor: ƒ Object()hasOwnProperty: ƒ hasOwnProperty()isPrototypeOf: ƒ isPrototypeOf()propertyIsEnumerable: ƒ propertyIsEnumerable()toLocaleString: ƒ toLocaleString()toString: ƒ toString()valueOf: ƒ valueOf()defineGetter: ƒ defineGetter()defineSetter: ƒ defineSetter()lookupGetter: ƒ lookupGetter()lookupSetter: ƒ lookupSetter()proto: (...)get proto: ƒ proto()set proto: ƒ proto()
(anonymous) @ BaseReader.vue:50
le @ vue.runtime.esm.js:3033
p @ vue.runtime.esm.js:1475
k.run @ vue.runtime.esm.js:1588
$a @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
pn @ vue.runtime.esm.js:3081
Promise.then
Xe @ vue.runtime.esm.js:3106
Rn @ vue.runtime.esm.js:3171
at @ vue.runtime.esm.js:4227
e.update @ vue.runtime.esm.js:3529
e.notify @ vue.runtime.esm.js:732
set @ vue.runtime.esm.js:976
Et.pe.set @ vue.runtime.esm.js:5376
loadFileContent @ SourceView.vue:104
await in loadFileContent
mounted @ SourceView.vue:94
le @ vue.runtime.esm.js:3033
ee @ vue.runtime.esm.js:4048
insert @ vue.runtime.esm.js:4443
He @ vue.runtime.esm.js:6966
(anonymous) @ vue.runtime.esm.js:7180
e._update @ vue.runtime.esm.js:3781
r @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
ga @ vue.runtime.esm.js:3908
N.$mount @ vue.runtime.esm.js:8797
mounted @ ViewerView.js:35
Zt @ vue.runtime.esm.js:3033
kt @ vue.runtime.esm.js:4048
insert @ vue.runtime.esm.js:4443
H @ vue.runtime.esm.js:6966
(anonymous) @ vue.runtime.esm.js:7180
Bp.e._update @ vue.runtime.esm.js:3785
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e.run @ vue.runtime.esm.js:3538
_p @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
Fs @ vue.runtime.esm.js:3081
Promise.then
Ma @ vue.runtime.esm.js:3106
zo @ vue.runtime.esm.js:3171
ir @ vue.runtime.esm.js:4227
e.update @ vue.runtime.esm.js:3529
Bp.e.$forceUpdate @ vue.runtime.esm.js:3810
r @ vue.runtime.esm.js:2777
(anonymous) @ vue.runtime.esm.js:2797
(anonymous) @ vue.runtime.esm.js:312
Promise.then
dp @ vue.runtime.esm.js:2817
bl @ vue.runtime.esm.js:4494
mp @ vue.runtime.esm.js:2943
ao @ vue.runtime.esm.js:2882
e._c @ vue.runtime.esm.js:2652
nt @ Viewer.vue:1294
e._render @ vue.runtime.esm.js:2700
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e.run @ vue.runtime.esm.js:3538
_p @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
Fs @ vue.runtime.esm.js:3081
Promise.then
Ma @ vue.runtime.esm.js:3106
zo @ vue.runtime.esm.js:3171
ir @ vue.runtime.esm.js:4227
e.update @ vue.runtime.esm.js:3529
e.notify @ vue.runtime.esm.js:732
set @ vue.runtime.esm.js:976
open @ Viewer.js:322
compare @ Viewer.js:364
W @ FilesVersionsSidebarTab.vue:268
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
Rl @ runtime-core.esm-bundler.js:4433
g @ VersionEntry.vue:309
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
Rl @ runtime-core.esm-bundler.js:4433
onClick @ actionText-BXR0sWNu.mjs:72
handleClick @ NcActionButton-BuRnYpJX.mjs:138
p.onClick.s..s. @ NcActionButton-BuRnYpJX.mjs:188
He @ runtime-core.esm-bundler.js:199
Pt @ runtime-core.esm-bundler.js:206
n @ runtime-dom.esm-bundler.js:730Understand this warning