tag-less component with bound id attribute throwing an error

[ctusch]

I ran into this issue while updating our application from Ember 2.4.2 to 2.8.0. Suddenly our subroutes wouldn't render anymore. Turns out that while you can assign an id to a tag-less component, the id's value must be a constant. Unfortunately in our applicaton the id is bound to a property.

There is a related issue (and PR) by @rwjblue that fixed this behavior for constant values: #14105

Here is a twiddle for easy reproduction. The error text reads:

ember.debug.js:6778 Uncaught Error: Assertion Failed: You cannot use elementId on a tag-less component: <twiddle@component:my-component::ember354>

The assertion can be found here.

[HeroicEric]

just wanted to add that this seems to be fixed in beta and canary, maybe by #14363?

[ctusch]

Interesting, looking at the callstack and searching the sources the whole infrastructure changed. Does this have something to do with Glimmer 2?

[chancancode]

@HeroicEric as I mentioned yesterday, we should probably have a separate test for this scenario (id is used as a regular bound property, but not passed down to a child's elementId). Do you have time to tackle that? 😄

[HeroicEric]

@chancancode I think I missed the conversation you're referring to but I can look into it 😄

[pixelhandler]

@HeroicEric should this be closed as #14382 was merged?

[rwjblue]

Yeah, closing this (as fixed in release branch).