Expand my Community achievements bar.

Responsive grid not reading values properly after latest service pack update

Avatar

Level 2

Hi everyone,

 

After installing the latest AEM service pack, the responsive grid is not working properly, and the content is not aligned properly as it should be. For example, in our STAGE environment, everything is aligned as it should be, but we didn't install the SP there yet. The problem with the responsive grid is that it's not reading the phone and tablet "offset, width" properties, instead, it's just using the default values for all other device types. The default values for this example are offset=3 and width=9, and it's setting the width to 9 on all device types, but it should be 12 for tablets and phones.

 

To be more specific, this is what we are getting currently from the responsive grid:

 

class="aem-Grid aem-Grid--9 aem-Grid--tablet--9 aem-Grid--default--9 aem-Grid--phone--9 "

 

 

The configuration is the same as in the STAGE environment where we get different class from the responsive grid:

 

class="aem-Grid aem-Grid--9 aem-Grid--tablet--12 aem-Grid--default--9 aem-Grid--phone--12 "

 

matzikaa_0-1655806487930.pngmatzikaa_1-1655806499274.png

 

Has anyone experienced this yet, or is there any solution for this?

Thanks.

 

BR,

Matija

 

4 Replies

Avatar

Community Advisor

Kindly share the AEM version ( assuming 6.5 ) and service pack details.

Himanshu Jain

Avatar

Level 2

AEM version 6.5 as you've assumed, and the service pack 6.5.12.0

Avatar

Community Advisor

As per release notes

Issue fixed in SP 6.5.12.0

  • Attempt to resize component layout in page editor doesn’t work in mobile layout (NPR-37805).

Ref: https://experienceleague.adobe.com/docs/experience-manager-65/release-notes/service-pack/6.5.12.html...

 

 

 

Himanshu Jain

Avatar

Level 2

It was working before that SP, that's funny...

 

But still, why is it not reading the values for phone and tablet from the CRX, since the ResponsiveGrid is responsible for writing out the appropriate CSS class, but it's only taking the default ones into consideration ignoring the ones for phone and tablet.