[AMP] Multiple style amp-custom elements per page

[kiransg89]

Bug Report

Current Behavior
With AMP selector none of the example site are working as expected

Expected behavior/code
Should render AMP page

Environment
AEM 6.4

Possible Solution

Additional context / Screenshots
Add any other context about the problem here. If applicable, add screenshots to help explain.

[msagolj]

@kiransg89 this a very vague description of your issue :) Please add more context: exact AEM version, Core Comp Version, what errors do you observe, reproducible steps ?

The AMP extension has been tested with example project on 6.4.8.1 and 6.5.5, see also working example page at:
https://www.aemcomponents.dev/content/core-components-examples/library/page-authoring/text.amp.html

[kiransg89]

Hi @msagolj ,
I am currently working on AEM 6.4.8 and I am using core components version 2.11.0 (Recent release).
I am seeing following issue in AMP for image page:

Is their someway can we call global clienlibs by calling

<style amp-custom data-sly-use.clientlibs="${'com.adobe.cq.wcm.core.components.models.ClientLibraries' @ resourceTypes = page.componentsResourceTypes, filter='.*\\.amp', _### **categories='globals'**_}"> ${clientlibs.cssInline @ context="unsafe"} </style>

If I do the above then component level clientlibs are not getting picked up

[vladbailescu]

Indeed, as per https://amp.dev/documentation/guides-and-tutorials/develop/style_and_layout/:

Define CSS within the <style amp-custom> tag inside the head of the document. There is only one <style amp-custom> tag allowed on each AMP page.

[kiransg89]

Hi @vladbailescu ,

I did some work around,
like created the clientlib(amp) under page component and embedded all the global clientlibs:

[vladbailescu]

@kiransg89 , that's nice but we will still need to fix our library to be compliant to the spec. Thanks for discovering the issue.