Id Naming Convention

When I give an item an id name so I can identify it easier - Wappler takes the hyphen out of the name. For instance, I create a section and name its id hero-value-prop. When I click off and back on it, the id is changed to herovalueprop.

I’m curious why this is? It seems the largely accepted convention is to use hyphens between words so that they can be easily identifiable in CSS and on the page. Thoughts?