angular / angular/angular

padding-left style binding toggle doesn't work on Ivy

Open
#37,224 2 comments 1 reaction 1 assignee Assigned to @atscott View on GitHub
area: core core: styling bindings P4 regression state: confirmed type: bug/fix
Dominant language
TypeScript
Stars
101k
Forks
27.5k
Avg merge
1d 19h
Merged PRs (30d)
288

Description

# 🐞 bug report

### Affected Package

The issue is caused by package @angular/....

### Is this a regression?

Yes, the previous version in which this bug was not present was: ....
Angular 6
see working Stackblitz here
https://stackblitz.com/edit/angular-issue-repro2-qbdodz

1. click the toggle button, it sets "customPadding" which just means padding-left only.
2. click the toggle button, it unsets "customPadding" which just means padding only.
3. Notice that the box has left padding set correctly.

### Description

When I use a Hostbinding for style, the first time I apply padding, it works, then if I apply padding-left, it works, then when I apply padding again, it is actually being applied as padding-top, padding-right, and padding-bottom, but not padding-left.

## 🔬 Minimal Reproduction

https://stackblitz.com/edit/angular-ivy-kajdf3

1. click the toggle button, it sets "customPadding" which just means padding-left only.
2. click the toggle button, it unsets "customPadding" which just means padding only.
3. Notice that the box does not have left padding set correctly.

## 🌍 Your Environment

**Angular Version:**

Angular CLI: 9.1.1
Node: 10.16.0
OS: win32 x64

Angular:
...
Ivy Workspace:

Package Version
------------------------------------------------------
@angular-devkit/architect 0.901.1
@angular-devkit/core 9.1.1
@angular-devkit/schematics 9.1.1
@schematics/angular 9.1.1
@schematics/update 0.901.1
rxjs 6.5.4

**Anything else relevant?**

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.