ampproject / ampproject/amphtml
Gmail ignores `heights` property
- Dominant language
- JavaScript
- Stars
- 14.9k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
I'm trying to use the [heights](https://amp.dev/documentation/guides-and-tutorials/email/learn/amp-html-layout/#heights) property on an `amp-list` in an AMP email, and it looks correct in the AMP playground but does not work in the Gmail web or mobile apps.
It seems that Gmail ignores the `heights` attribute altogether and just uses the aspect ratio from `width` and `height`.
## Appearance in Playground (correct)
Wider than breakpoint
Thinner than breakpoint
## Appearance in Gmail (incorrect)
Gmail web app (wider than breakpoint)
Gmail mobile app (thinner than breakpoint)
### Reproduction Steps
View this email in the AMP playground and compare it to the Gmail mobile or web app to see the discrepancy.
```
body{visibility:hidden}
body {
font-family: sans-serif;
padding: 1rem;
}
.info {
margin-bottom: 1rem;
}
amp-list {
border: 2px dashed blue;
}
This AMP email tests the heights property on
amp-list within a constrained container.
When the viewport is smaller than 500px, the dashed box should be 800px tall. When the viewport is wider than 500px, it should be only 100px tall.
```
### Relevant Logs
```shell
```
### Browser(s) Affected
_No response_
### OS(s) Affected
_No response_
### Device(s) Affected
_No response_
### AMP Version Affected
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.