no-invalid-interactive cannot be disabled

When updating to 1.6.2, I run into the following problem:

I have this template:

{{! template-lint-disable no-inline-styles }}

{{! We add a transparent circle underneath the actual circle to make it easier clickable }}
<g data-test-chart-line-circle-container>
  <circle
    r="0.8rem"
    cx={{@x}}
    cy={{@y}}
    class="chart-line-circle__padding"
    data-test-chart-line-circle-padding
    {{on "click" this.clickCircle}}
    {{on "mouseenter" this.focusCircle}}
    {{on "mouseleave" this.blurCircle}}
  />

  <circle
    r="0.15rem"
    cx={{@x}}
    cy={{@y}}
    class="chart-line-circle {{if this.isFocused "chart-line-circle--is-focused"}}"
    style={{this.svgPathStyle}}
    data-test-chart-line-circle

    ...attributes
  />
</g>

Which now (correctly) raises

error Interaction added to non-interactive element no-invalid-interactive

If I try to disable this:

{{! template-lint-disable no-inline-styles no-invalid-interactive }}
...

I get:

-:-  error  Cannot read property 'length' of undefined  undefined

[rwjblue]

I think it’s good that it caught this- you’d need some kind of role on the interactive element.

Ya, but that’s not exactly what this issue is tracking. A quick recap here is:

• We landing a “breaking bugfix” in no-invalid-interactive (https://github.com/ember-template-lint/ember-template-lint/pull/864), to ensure that it checks for {{on usage. This is definitely a bugfix (and as such not a "SemVer violation), but it still means @mydea’s app can’t pass linting.
• There is some sort of failure when attempting to disable that particular rule with the inline comment.

tldr; Disabling with the inline comment should never cause this kind of fatal failure, and the fact that it does means we have a logic error.

[mydea]

I just tried again on 1.10, and it works now! Not sure if/what has changed though 🤔 Anyhow, thanks for looking into it!