TemplateFactory.prototype.makeComponentTemplate breaks component-name-based CSS styling

[rafaelhamasaki]

This is a:

• Bug Report
• Feature Request
• General Query

My version of UI-Router is: 1.0.0

Bug Report

Current Behavior:

When routing to components, the constructed templates are prefixed with "x-". As such, stylings that rely on component names break. I.e: my-component { color: red; } won't apply to <my-component /> because it's been renamed to <x-my-component />.

Expected Behavior:

The component should not be renamed so that styles apply as expected.

Link to Plunker that reproduces the issue:

https://plnkr.co/edit/NKTlKYBCtKG6xg0Oqsgd?p=preview

[christopherthielen]

After thinking about this for a bit, I think we should prefix with x- only when the component name starts with x- or data-

[christopherthielen]

Closed by 60b9ef9