Ivy: binding to [style.opacity] with a value of 0 is broken

[fr0]

🐞 bug report

Affected Package

The issue is caused by package @angular/core

Is this a regression?

Yes, it works in non-ivy.

Description

@Component({
  selector: 'app-test',
  template: `
    <label [style.opacity]="opacity">
      This has an opacity binding, and should not be visible
    </label>
  `
})
export class MyComponent {
  opacity = 0;
}

Reproducible repo: https://github.com/fr0/angular-test

🌍 Your Environment

Angular Version:

Angular CLI: 8.1.0-rc.0
Node: 12.4.0
OS: darwin x64
Angular: 8.1.0-rc.0
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.801.0-rc.0
@angular-devkit/build-angular     0.801.0-rc.0
@angular-devkit/build-optimizer   0.801.0-rc.0
@angular-devkit/build-webpack     0.801.0-rc.0
@angular-devkit/core              8.1.0-rc.0
@angular-devkit/schematics        8.1.0-rc.0
@ngtools/webpack                  8.1.0-rc.0
@schematics/angular               8.1.0-rc.0
@schematics/update                0.801.0-rc.0
rxjs                              6.5.2
typescript                        3.4.5
webpack                           4.35.0

[urish]

Still seeing this issue with Angular 9.0.0-next.7

As a workaround, you can set opacity to 0.00001

[JoostK]

The 9.0.0-next.10 release is likely to contain a fix for this: #32994. Could you please test again with that version and report back? Thanks!

[urish]

@JoostK works for me

[JoostK]

@urish thanks for confirming, I'll go ahead and close this.

If anyone is still experiencing issues after updating to at least 9.0.0-next.10, please open a new issue.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}