Ember-power-select: Assertion Failed: You cannot use `attributeBindings` on a tag-less component

[HenryVonfire]

I'm getting this error with ember 2.8.1 and EPS 1.0.0-beta.15:

Assertion Failed: You cannot use attributeBindings on a tag-less component

[cibernox]

Can you check if this helps?#664

[HenryVonfire]

Not much :pensive: using it in the application template with a basic usage, when EPS is present I get that error and when I remove it, the app works fine

I'm also using ember-power-select-with-create but not in this test and it doesn't have attributeBindings either.

[cibernox]

No idea. Tests pass in 2.8. This addon, unless the user customizes some element, doesn't use attributeBindings on a tagless component.

[HenryVonfire]

Ok, thanks anyway. I'll come back if I find the answer. It can be helpful to someone else.

[HenryVonfire]

That was quick. I found it! there's a conflict between this addon and ember-hammertime. Just installing both generate the error.

[cibernox]

I don't see the relation between ember-hammertime and EPS 😕

How do they collide?

[HenryVonfire]

Confirmed. I removed it from my project and now all the EPS work. Should I open an issue on that repository?

[corrspt]

I think there's already an issue for that in Ember Hammer Time

[cibernox]

I'm closing this then 👌

[jakeleboeuf]

Any other known addons causing this same problem? I'm running into this issue but not using ember-hammertime on my project.

[jakeleboeuf]

@miguelcobain or perhaps a better question, how can I track down which addon is causing this issue?

[jakeleboeuf]

Maybe I'm not understanding this issue fully, but I just fixed my issue by replacing tagName: '' with tagName: 'span' in the _all_ of the following components:

power-select.js
power-select/trigger.js
basic-dropdown.js
basic-dropdown/content.js

Am I missing something here?

[jakeleboeuf]

After a little more time, I realized any interaction caused things to break again. I had to replace all instances of tagName: '' with tagName: 'span' in the _every_ component in both ember-power-select and ember-basic-dropdown, and things now appear to be working.

Surely this is not ideal, but I cannot figure out where that attributeBinding is coming from...

[jakeleboeuf]

Finally tracked down the culprit... Sorry for the issue spam @miguelcobain!

For anybody experiencing this same issue, looks like ticketfly/ember-hook was the source of that attributeBindings error.

Upgrading from v1.3.1 to v1.3.5 fixed this.

[ThemeSama]

You cannot add any attribute or class names for tagName is empty. You can choose a tagName for your extended component like this.

export default EmberPowerSelect.extend({
  tagName: 'div',
  attributeBindings: ['selectValid:data-select-valid'],

  selectValid: computed(
 ...