Status Update
No update yet.
Comments
sa...@google.com
Thank you for reporting this behaviour.
Could you provide some screenshots to visualize how the email content looks in the AMP playground and in the Gmail web app?
Are you sure that your request is in both cases completely the same?
Many thanks!
kh...@gmail.com
I have highlighted the issues in the gmail web and mobile app screenshots.
In the wide viewport the height of the carousel should be maxed at 350px (as seen in the AMP playground)
In the mobile viewport the height should be 150% of the width (as seen in the AMP playground)
In the gmail screenshot you can see that the default button labels are being displayed even though different values are specified in the attributes (as seen in the AMP playground)
sa...@google.com
Thank you for coming back to me.
I can see that you are not using the
Could you please test with the Gmail AMP Playground either the obtained results match with the ones observed in the Gmail web app?
Please note that you need to include the script for using the amp-caroussel:
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
Also, pleas ehave a look at the documentation regarding
Many thanks!
kh...@gmail.com
Yes I am using version 0.1 of the carousel (see config in screenshots)
The behavior in the Gmail AMP Playground is as expected... the wide viewport is limited in height and the thin viewport height is the 150% of width as configured in the carousel heights attribute. Also the labels of the control buttons are correct in the Gmail AMP Playground. The gmail web app and iOS app do not behave the same as the Gmail AMP Playground.
Attached are two screenshots from the Gmail AMP Playground.
sa...@google.com
Thank you for coming back to me.
To reproduce this issue, could you please provide a more detailed independent code snippet that would be sufficient replicate the situation, including a test image, the respective code, your included script files and your initially provided code snippet embedded into the correct positon of the complete independent code snippet.
Many thanks!
kh...@gmail.com
sa...@google.com
Thank you for your patience. I could reproduce the issue and forwarded it for internal investigation.
Description
<amp-carousel type="slides"
controls
layout="responsive"
id="carousel-product"
width="240"
height="240"
data-button-count-format="%s / %s"
data-prev-button-aria-label="More"
data-next-button-aria-label="More"
heights="(min-width:450px) 350px, 120%"
>
In both the Gmail web app (using Chrome Version 104.0.5112.81) and the iOS app the heights attribute is not used. The height exceeds the 350px max specified when on the web app and does not use the 120% of width setting when on the mobile app. The labels of the control buttons are the default value "Next item in carousel (2 of 3)" instead of "More (2 / 3)" as specified in the attributes.
I have tested the same email content in the AMP playground and display is as expected.
I have tested the same email content in the Yahoo mail web app & iOS app and display is as expected.
I have done this with 0.1 version of the amp-carousel.