View with 'path' tagName doesn't update classNameBindings after initial load?

[thejchap]

A view defined like this will not toggle the active class on the element....it appears to be set when its instantiated, but then not updated after the fact on subsequent changes to the bound property. Wondering if I am missing something?

import Ember from 'ember';

export default Ember.View.extend({
  tagName: 'path',
  classNameBindings: ['active'],
  active: Ember.computed.alias('controller.active'),

  toggleActive: function () {
    var ctrl = this.get('controller');

    setInterval(function () {
      ctrl.toggleProperty('active');

      console.log(`Toggled active class: ${ctrl.get('active')}`);
    }, 500);
  }.on('didInsertElement')
});

See example repo: https://github.com/thejchap/path-classnamebinding-bug

[thejchap]

Hi just wanted to follow up here, happy to close if it's something on my end...

[thejchap]

Closing as views are now deprecated....have yet to look into whether or not this affects components as well