The community member is asking the Webstudio team if it would be possible to have all the names of the properties displayed, as they are having difficulty reading the data-id attribute. They suggest that it would be helpful to have the ability to change the property name without having to delete it.
In the comments, another community member questions why the property naming is "Data Id" instead of "data-id" as they had written it. The Webstudio team responds that they generally have all labels this way, including in the style panel, and that while it doesn't look great for attributes, they are still considering what to do about it, balancing consistency versus expectations.
Other community members agree that the naming convention looks bad for attributes, and suggest that it could lead to incorrect readings, especially for beginners or when debugging. They note that while it is not a high priority, it would be better to have the attributes displayed the same way they are written in the code.
Do you think it would be possible to have all the name of the property? In my example, I've a got data attribute which is name data-id but I cannot read all the name. Not really easy to debug because I have to check if it's correct.
I know I can go to inspector > console to check but it's not straightforward.
Suggestion n°2 (not important right now) : would be nice to have the ability to change de property name without to delete it.
We generally have all labels this way, style panel too. In cases like attributes it doesn't look great, still thinking what to do about it. Consistency vs expectations
if you type data-client-id in attributes and you've got "Data Client Id" at the end it could lead to a wrong reading (specially for beginner or for debugging). At the end all is working so it's not prio, but I think for reading it could be better to have attributes write the same way you've got when you inspect the code.
