Directive matching with attr. is not working with Ivy

[cjmincey]

🐞 bug report

Affected Package

The issue affects the @angular/core/Directive when Ivy is enabled on the project.

Is this a regression?

Yes, the previous version in which this bug was not present was: 7.2.15. When Ivy is disabled in Angular 9.x and 10.x the issue is also not present.

Description

We have a directive with two selectors [data-dl],[attr.data-dl] that creates a mousedown event on the HTML element. When Ivy is enabled on the project, the attr.data-dl version of the directive does not properly fire the mousedown event while just data-dl does fire correctly.

🔬 Minimal Reproduction

Right click on the links in the projects below to see the message being logged to the console.

• Version with Ivy enabled that has the issue: https://stackblitz.com/edit/angular-w9bhzc
• Version with Ivy disabled that works fine: https://stackblitz.com/edit/angular-8d6qq9

🔥 Exception or Error

No Exception

🌍 Your Environment

Angular Version:
9.1.12

Anything else relevant?

Seems to be broken uniformly across all browsers and operating systems from what we have seen.

[atscott]

The issue here is that the directive isn't even getting matched. I think the attr. selector really should never match (it does in VE/pre-Ivy), but I also think it was probably added because the regular selector didn't match as would be expected. I think the fix here should be that if there is an attr.data-dl, it should match a directive with a selector [data-dl].