When trying to create an item in a collection with a unique field, if the value is not unique, the backend correctly returns an error:
{
"errors": [
{
"message": "Value in collection \"Topics\" has to be unique.",
"extensions": {
"collection": "Topics",
"field": null,
"value": null,
"primaryKey": false,
"code": "RECORD_NOT_UNIQUE"
}
}
]
}
However, in the Admin App (tested with both English and Russian UI), no error message is displayed. Instead, the screen turns dark/blank, and the user is unable to proceed.
Expected behavior:
The UI should show a clear validation error (e.g. “This field must be unique”) instead of crashing.
Steps to reproduce:
-
Create a collection with a field marked as
unique. -
Add a new item with a value that already exists in that field.
-
Observe that the Admin App crashes with a dark overlay instead of showing the error.
Environment:
-
Directus version: (
11.11.0) -
Browser: Chrome (version 139.0.7258.128)
-
OS: (Windows 10)
Topics:1 Failed to load resource: the server responded with a status of 400 ()
index.Cn8BKsAz.entry.js:4383 [app-v-form-error] https://vuejs.org/error-reference/#runtime-1
Cqt.n.config.errorHandler @ index.Cn8BKsAz.entry.js:4383
index.Cn8BKsAz.entry.js:4383 TypeError: Cannot read properties of null (reading 'endsWith')
at index.Cn8BKsAz.entry.js:3409:59586
at p (runtime-core.esm-bundler-CMw1Vw1m.js:10:7981)
at Array.find (<anonymous>)
at je (runtime-core.esm-bundler-CMw1Vw1m.js:10:8071)
at Proxy.find (runtime-core.esm-bundler-CMw1Vw1m.js:10:6619)
at index.Cn8BKsAz.entry.js:3409:59515
at da (runtime-core.esm-bundler-CMw1Vw1m.js:15:8284)
at Proxy.<anonymous> (index.Cn8BKsAz.entry.js:3409:58162)
at _n (runtime-core.esm-bundler-CMw1Vw1m.js:15:33680)
at En.k [as fn] (runtime-core.esm-bundler-CMw1Vw1m.js:15:24724)
Cqt.n.config.errorHandler @ index.Cn8BKsAz.entry.js:4383
index.Cn8BKsAz.entry.js:4383 [app-v-form-error] https://vuejs.org/error-reference/#runtime-1
Cqt.n.config.errorHandler @ index.Cn8BKsAz.entry.js:4383
index.Cn8BKsAz.entry.js:4383 TypeError: Cannot read properties of null (reading 'endsWith')
at index.Cn8BKsAz.entry.js:3409:59586
at p (runtime-core.esm-bundler-CMw1Vw1m.js:10:7981)
at Array.find (<anonymous>)
at je (runtime-core.esm-bundler-CMw1Vw1m.js:10:8071)
at Proxy.find (runtime-core.esm-bundler-CMw1Vw1m.js:10:6619)
at index.Cn8BKsAz.entry.js:3409:59515
at da (runtime-core.esm-bundler-CMw1Vw1m.js:15:8284)
at Proxy.<anonymous> (index.Cn8BKsAz.entry.js:3409:58162)
at _n (runtime-core.esm-bundler-CMw1Vw1m.js:15:33680)
at En.k [as fn] (runtime-core.esm-bundler-CMw1Vw1m.js:15:24724)
Cqt.n.config.errorHandler @ index.Cn8BKsAz.entry.js:4383
Topics:1 Failed to load resource: the server responded with a status of 400 ()
index.Cn8BKsAz.entry.js:4383 [app-v-form-error] https://vuejs.org/error-reference/#runtime-1
Cqt.n.config.errorHandler @ index.Cn8BKsAz.entry.js:4383
index.Cn8BKsAz.entry.js:4383 TypeError: Cannot read properties of null (reading 'endsWith')
at index.Cn8BKsAz.entry.js:3409:59586
at p (runtime-core.esm-bundler-CMw1Vw1m.js:10:7981)
at Array.find (<anonymous>)
at je (runtime-core.esm-bundler-CMw1Vw1m.js:10:8071)
at Proxy.find (runtime-core.esm-bundler-CMw1Vw1m.js:10:6619)
at index.Cn8BKsAz.entry.js:3409:59515
at da (runtime-core.esm-bundler-CMw1Vw1m.js:15:8284)
at Proxy.<anonymous> (index.Cn8BKsAz.entry.js:3409:58162)
at _n (runtime-core.esm-bundler-CMw1Vw1m.js:15:33680)
at En.k [as fn] (runtime-core.esm-bundler-CMw1Vw1m.js:15:24724)
Cqt.n.config.errorHandler @ index.Cn8BKsAz.entry.js:4383
index.Cn8BKsAz.entry.js:4383 [app-v-form-error] https://vuejs.org/error-reference/#runtime-1
Cqt.n.config.errorHandler @ index.Cn8BKsAz.entry.js:4383
index.Cn8BKsAz.entry.js:4383 TypeError: Cannot read properties of null (reading 'endsWith')
at index.Cn8BKsAz.entry.js:3409:59586
at p (runtime-core.esm-bundler-CMw1Vw1m.js:10:7981)
at Array.find (<anonymous>)
at je (runtime-core.esm-bundler-CMw1Vw1m.js:10:8071)
at Proxy.find (runtime-core.esm-bundler-CMw1Vw1m.js:10:6619)
at index.Cn8BKsAz.entry.js:3409:59515
at da (runtime-core.esm-bundler-CMw1Vw1m.js:15:8284)
at Proxy.<anonymous> (index.Cn8BKsAz.entry.js:3409:58162)
at _n (runtime-core.esm-bundler-CMw1Vw1m.js:15:33680)
at En.k [as fn] (runtime-core.esm-bundler-CMw1Vw1m.js:15:24724)
Cqt.n.config.errorHandler @ index.Cn8BKsAz.entry.js:4383