"Limit downloads" button is not clickable

[kyteinsky]

How to use GitHub

• Please use the 👍 reaction to show that you are affected by the same issue.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

---

Steps to reproduce

1. Create a public link from a file
2. Go into custom permissions
3. Try to check "Limit downloads" checkbox

Expected behaviour

The checkbox should be toggleable.

Actual behaviour

It's non-toggleable and throws errors in the console.

Server configuration

Web server: Nginx

Database: Maria

PHP version: 8.3

Nextcloud version: 31.0.8

List of activated apps

If you have access to your command line run e.g.:
sudo -u www-data php occ app:list
from within your Nextcloud installation folder

Nextcloud configuration

If you have access to your command line run e.g.:
sudo -u www-data php occ config:list system
from within your Nextcloud installation folder

Browser

Browser name: Chrome

Browser version: 124

Operating system: Ubuntu

Browser log

SharingEntryQuickShareSelect.vue:162 TypeError: Cannot read properties of null (reading 'proxy')
    at useModelMigration (useModelMigration-EhAWvqDD.mjs:3:32)
    at setup (NcCheckboxRadioSwitch-VeztTzpz.mjs:525:19)
    at mn (vue.runtime.esm.js:3033:30)
    at vue.runtime.esm.js:2457:27
    at vue.runtime.esm.js:5385:5
    at e._init (vue.runtime.esm.js:5714:9)
    at new o (vue.runtime.esm.js:5849:18)
    at vue.runtime.esm.js:4564:12
    at init (vue.runtime.esm.js:4426:52)
    at vue.runtime.esm.js:6591:17
pn @ vue.runtime.esm.js:3065
fn @ vue.runtime.esm.js:3057
hn @ vue.runtime.esm.js:3024
mn @ vue.runtime.esm.js:3040
(anonymous) @ vue.runtime.esm.js:2457
(anonymous) @ vue.runtime.esm.js:5385
e._init @ vue.runtime.esm.js:5714
o @ vue.runtime.esm.js:5849
(anonymous) @ vue.runtime.esm.js:4564
init @ vue.runtime.esm.js:4426
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
(anonymous) @ vue.runtime.esm.js:6840
C @ vue.runtime.esm.js:6933
Si.nodeOps @ vue.runtime.esm.js:7101
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
sa @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
bn @ vue.runtime.esm.js:3081
Promise.then
gn @ vue.runtime.esm.js:3106
Cn @ vue.runtime.esm.js:3171
la @ 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
La.Ma.set @ vue.runtime.esm.js:5376
selectOption @ SharingEntryQuickShareSelect.vue:162
click @ SharingEntryQuickShareSelect.vue:1
mn @ vue.runtime.esm.js:3033
n @ vue.runtime.esm.js:1832
mn @ vue.runtime.esm.js:3033
e.$emit @ vue.runtime.esm.js:3732
onClick @ actionText-fFcUPi2g.mjs:77
handleClick @ NcActionButton-CpGK6gSX.mjs:143
mn @ vue.runtime.esm.js:3033
n @ vue.runtime.esm.js:1832
Rr.i._wrapper @ vue.runtime.esm.js:7500
DownloadLimitEntry.vue:131 TypeError: Cannot read properties of null (reading 'proxy')
    at useModelMigration (useModelMigration-EhAWvqDD.mjs:3:32)
    at setup (NcTextField-o_8gWurX.mjs:101:19)
    at mn (vue.runtime.esm.js:3033:30)
    at vue.runtime.esm.js:2457:27
    at vue.runtime.esm.js:5385:5
    at e._init (vue.runtime.esm.js:5714:9)
    at new o (vue.runtime.esm.js:5849:18)
    at vue.runtime.esm.js:4564:12
    at init (vue.runtime.esm.js:4426:52)
    at vue.runtime.esm.js:6591:17
pn @ vue.runtime.esm.js:3065
fn @ vue.runtime.esm.js:3057
hn @ vue.runtime.esm.js:3024
mn @ vue.runtime.esm.js:3040
(anonymous) @ vue.runtime.esm.js:2457
(anonymous) @ vue.runtime.esm.js:5385
e._init @ vue.runtime.esm.js:5714
o @ vue.runtime.esm.js:5849
(anonymous) @ vue.runtime.esm.js:4564
init @ vue.runtime.esm.js:4426
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
(anonymous) @ vue.runtime.esm.js:6840
C @ vue.runtime.esm.js:6933
Si.nodeOps @ vue.runtime.esm.js:7101
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
sa @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
bn @ vue.runtime.esm.js:3081
Promise.then
gn @ vue.runtime.esm.js:3106
Cn @ vue.runtime.esm.js:3171
la @ 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
La.Ma.set @ vue.runtime.esm.js:5376
created @ DownloadLimitEntry.vue:131
await in created
mn @ vue.runtime.esm.js:3033
Xn @ vue.runtime.esm.js:4048
e._init @ vue.runtime.esm.js:5716
o @ vue.runtime.esm.js:5849
(anonymous) @ vue.runtime.esm.js:4564
init @ vue.runtime.esm.js:4426
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
(anonymous) @ vue.runtime.esm.js:6840
C @ vue.runtime.esm.js:6933
Si.nodeOps @ vue.runtime.esm.js:7101
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
sa @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
bn @ vue.runtime.esm.js:3081
Promise.then
gn @ vue.runtime.esm.js:3106
Cn @ vue.runtime.esm.js:3171
la @ 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
La.Ma.set @ vue.runtime.esm.js:5376
selectOption @ SharingEntryQuickShareSelect.vue:162
click @ SharingEntryQuickShareSelect.vue:1
mn @ vue.runtime.esm.js:3033
n @ vue.runtime.esm.js:1832
mn @ vue.runtime.esm.js:3033
e.$emit @ vue.runtime.esm.js:3732
onClick @ actionText-fFcUPi2g.mjs:77
handleClick @ NcActionButton-CpGK6gSX.mjs:143
mn @ vue.runtime.esm.js:3033
n @ vue.runtime.esm.js:1832
Rr.i._wrapper @ vue.runtime.esm.js:7500
DownloadLimitEntry.vue:131 TypeError: Cannot read properties of null (reading 'proxy')
    at useModelMigration (useModelMigration-EhAWvqDD.mjs:3:32)
    at setup (NcInputField-DTtUueUZ.mjs:160:19)
    at mn (vue.runtime.esm.js:3033:30)
    at vue.runtime.esm.js:2457:27
    at vue.runtime.esm.js:5385:5
    at e._init (vue.runtime.esm.js:5714:9)
    at new o (vue.runtime.esm.js:5849:18)
    at vue.runtime.esm.js:4564:12
    at init (vue.runtime.esm.js:4426:52)
    at vue.runtime.esm.js:6591:17
pn @ vue.runtime.esm.js:3065
fn @ vue.runtime.esm.js:3057
hn @ vue.runtime.esm.js:3024
mn @ vue.runtime.esm.js:3040
(anonymous) @ vue.runtime.esm.js:2457
(anonymous) @ vue.runtime.esm.js:5385
e._init @ vue.runtime.esm.js:5714
o @ vue.runtime.esm.js:5849
(anonymous) @ vue.runtime.esm.js:4564
init @ vue.runtime.esm.js:4426
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
(anonymous) @ vue.runtime.esm.js:6840
C @ vue.runtime.esm.js:6933
Si.nodeOps @ vue.runtime.esm.js:7101
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
sa @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
bn @ vue.runtime.esm.js:3081
Promise.then
gn @ vue.runtime.esm.js:3106
Cn @ vue.runtime.esm.js:3171
la @ 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
La.Ma.set @ vue.runtime.esm.js:5376
created @ DownloadLimitEntry.vue:131
await in created
mn @ vue.runtime.esm.js:3033
Xn @ vue.runtime.esm.js:4048
e._init @ vue.runtime.esm.js:5716
o @ vue.runtime.esm.js:5849
(anonymous) @ vue.runtime.esm.js:4564
init @ vue.runtime.esm.js:4426
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
p @ vue.runtime.esm.js:6664
h @ vue.runtime.esm.js:6568
Si.nodeOps @ vue.runtime.esm.js:7095
e._update @ vue.runtime.esm.js:3781
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e @ vue.runtime.esm.js:3452
e @ vue.runtime.esm.js:3908
Ha.$mount @ vue.runtime.esm.js:8797
init @ vue.runtime.esm.js:4427
(anonymous) @ vue.runtime.esm.js:6591
h @ vue.runtime.esm.js:6545
(anonymous) @ vue.runtime.esm.js:6840
C @ vue.runtime.esm.js:6933
Si.nodeOps @ vue.runtime.esm.js:7101
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
sa @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
bn @ vue.runtime.esm.js:3081
Promise.then
gn @ vue.runtime.esm.js:3106
Cn @ vue.runtime.esm.js:3171
la @ 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
La.Ma.set @ vue.runtime.esm.js:5376
selectOption @ SharingEntryQuickShareSelect.vue:162
click @ SharingEntryQuickShareSelect.vue:1
mn @ vue.runtime.esm.js:3033
n @ vue.runtime.esm.js:1832
mn @ vue.runtime.esm.js:3033
e.$emit @ vue.runtime.esm.js:3732
onClick @ actionText-fFcUPi2g.mjs:77
handleClick @ NcActionButton-CpGK6gSX.mjs:143
mn @ vue.runtime.esm.js:3033
n @ vue.runtime.esm.js:1832
Rr.i._wrapper @ vue.runtime.esm.js:7500

[susnux]

Are there any errors in the browsers dev console?
Because if its disabled then there should be an error:

files_downloadlimit/src/components/DownloadLimitEntry.vue

Lines 128 to 129 in 5a332bc

	this.hasError = true
	logger.error('Failed to load download limit', { error, share: this.share })

[kyteinsky]

attached in the original issue, at the bottom
the errors seem to come from the components. The network response is good.

{
    "ocs": {
        "meta": {
            "status": "ok",
            "statuscode": 200,
            "message": "OK"
        },
        "data": {
            "limit": null,
            "count": null
        }
    }
}

[susnux]

Related: nextcloud-libraries/nextcloud-vue#6607
We need a new files sharing API here that does not need external vue components... Thats invalid anyways.

[kyteinsky]

yeah, and there doesn't look like any fix around it. Would an upgrade to vue 3 work, if we try to match the vue versions in the server and the app? Or not since Grigorii said Vue is a stateful library and all components must work with a single Vue.

[susnux]

Vue 3 update here would even break it more.

We need an API that does not exposes Vue.