Nextcloud webpage crashes when trying to load model files > ~15MB on mobile browsers
To Reproduce
Steps to reproduce the behavior:
Try to preview model files > ~15MB in size on phone or tablet
Loading spinner and message appear normally
Webpage crashes and browser displays a "Something went wrong..." message
Expected behavior
Model preview loads normally, even after some time
I have checked that the files are not corrupted
Models will load the preview normally on desktop, the same models will cause the page to crash on mobile and tablet if they are too large
Screenshots
N/A
Browser log
...(many lines of the same jQuery warning)...
[Warning] $ is deprecated: The global jQuery is deprecated. It will be removed in a later versions without another warning. Please ship your own. (core-main.js, line 2)
[Debug] File info for /My/Directory/Path/3dmodel.stl fetched (viewer-main.js, line 2)
Object
How to access your browser console (Click to expand)
### Chrome
1. Press either CTRL + SHIFT + I / CMD + ALT + I or F12 to open the Developer Tools.
2. Click the “console” tab.
### Safari
1. Press CMD + ALT + I to open the Web Inspector.
2. See Chrome’s step 2. (Chrome and Safari have pretty much identical dev tools.)
### IE
1. Press F12 to open the developer tools.
2. Click the “console” tab.
### Firefox
1. Press CTRL + SHIFT + K to open the Web console (COMMAND + SHIFT + K on Macs).
2. 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.
Installation and configuration
How the app was installed?
Via app store.
App server configuration Parameters
apps_path parameter is not explicitly configured/customised in config/config.php
Versions
Nextcloud
Version: 25.0.4
Webserver: Nginx
Desktop
OS: MacOS 13.3.1
Browser and version: Safari 16.4
Handheld
Device: iPhone 12
OS: iOS 16.4
Browser and version: Safari 16.4
Device: iPad Pro 5th Gen
OS: iPadOS 16.4.1
Browser and version: Safari 16.4, Brave 1.49 (23.4.3.20)
Device: Galaxy Note8
OS: Android 9
Browser and version: Chrome 111.0.5563.116
Additional context
Tested with model file sizes 8-50MB
On the mobile Apple devices, the loading spinner would display for a few seconds before reloading the page with an open sidebar and loading spinner, then the page would crash after several more seconds.
The Fileinfo object logged in the browser console always appears to be initially empty and will populate with properties at some point before the model renders in preview, on the mobile devices I'm not seeing the object populate with any data before the page crashes.
I was unable to reproduce the issue on desktop when changing the browser agent or in responsive mode to imitate a mobile device.
Describe the bug
Nextcloud webpage crashes when trying to load model files > ~15MB on mobile browsers
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Model preview loads normally, even after some time
I have checked that the files are not corrupted
Models will load the preview normally on desktop, the same models will cause the page to crash on mobile and tablet if they are too large
Screenshots
N/A
Browser log
...(many lines of the same jQuery warning)...
[Warning] $ is deprecated: The global jQuery is deprecated. It will be removed in a later versions without another warning. Please ship your own. (core-main.js, line 2)
[Debug] File info for /My/Directory/Path/3dmodel.stl fetched (viewer-main.js, line 2)
Object
How to access your browser console (Click to expand)
### Chrome 1. Press either CTRL + SHIFT + I / CMD + ALT + I or F12 to open the Developer Tools. 2. Click the “console” tab. ### Safari 1. Press CMD + ALT + I to open the Web Inspector. 2. See Chrome’s step 2. (Chrome and Safari have pretty much identical dev tools.) ### IE 1. Press F12 to open the developer tools. 2. Click the “console” tab. ### Firefox 1. Press CTRL + SHIFT + K to open the Web console (COMMAND + SHIFT + K on Macs). 2. 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.Installation and configuration
How the app was installed?
App server configuration Parameters
apps_path
parameter is not explicitly configured/customised inconfig/config.php
Versions
Nextcloud
Desktop
Handheld
Device: iPhone 12
OS: iOS 16.4
Browser and version: Safari 16.4
Device: iPad Pro 5th Gen
OS: iPadOS 16.4.1
Browser and version: Safari 16.4, Brave 1.49 (23.4.3.20)
Device: Galaxy Note8
OS: Android 9
Browser and version: Chrome 111.0.5563.116
Additional context
Tested with model file sizes 8-50MB
On the mobile Apple devices, the loading spinner would display for a few seconds before reloading the page with an open sidebar and loading spinner, then the page would crash after several more seconds.
The Fileinfo object logged in the browser console always appears to be initially empty and will populate with properties at some point before the model renders in preview, on the mobile devices I'm not seeing the object populate with any data before the page crashes.
I was unable to reproduce the issue on desktop when changing the browser agent or in responsive mode to imitate a mobile device.