When trying to create a component with an apostrophe or special characters in its name, the system displayed an error:
{
"status": 422,
"data": {
"errors": [
{
"detail": "[id] Does not match the regex pattern ^[a-z]([a-zA-Z0-9_-]*[a-zA-Z0-9])*:[a-z]([a-zA-Z0-9_-]*[a-zA-Z0-9])*$/n[machineName] Does not match the regex pattern ^[a-z]([a-zA-Z0-9_-]*[a-zA-Z0-9])*$",
"source": {
"pointer": ""
}
},
{
"detail": "The <em class=\"placeholder\">"who's_live"</em> machine name is not valid.",
"source": {
"pointer": "machineName"
}
}
]
}
}
Active
0.0
Page builder
This is expected. But the code component editor could inform the user more gently by performing client-side validation first.
Plus, the UI could surface the validation errors provided by the server explicitly, instead of telling the user to look at the browser console, by doing 📌 Add (validation) error handling to AddCodeComponentDialog and friends Active .