Not appearing as expected when added in trickle

[amruta-thakur]

Hi Daniel,
First of all, this component is very nice.

Issue:

When we add this component to the trickled block, it appears incorrectly at first glance but as soon as we click any where on the page or even if we click on the browser URL, it rearranges correctly.

Steps to reproduce:

• Add this component into any trickled block except first one.
• As soon as we reached the component's block the first front cover's height increases.
• Click anywhere on the page the first front cover's height will be automatically adjusted.

We have used Adapt Framework =>2

Please see the screenshot below:

I am sharing my Json for the reference:

{
		"_id": "c-01",
	  	"_parentId": "b-03",
		"_type": "component",
		"_component": "expose",
		"_classes": "",
		"_layout": "full",
		"title": "Lorem ipsom",
		"displayTitle": "Lorem ipsomLorem ipsomLorem ipsom",
		"body": "Lorem ipsom Lorem ipsomLorem ipsomLorem ipsom",
		"instruction": "Select each icon",
		"_columns" : 3,
		"_equalHeights": true,
		"_animationType": "shrink",
		"_items": [
			{
				"front": "<img src='course/en/images/expose1.png'>",
				"back": {
					"title": "",
					"body": "Lorem ipsom"
				}
			},
			{
				"front": "<img src='course/en/images/expose2.png'>",
				"back": {
					"title": "",
					"body": "Lorem ipsom"
				}
			},
			{
				"front": "<img src='course/en/images/expose3.png'>",
				"back": {
					"title": "",
					"body": "Lorem ipsom"
				}
			}
		]
	}

Note: This issue is appearing because of property "_autoScroll": "true" in trickle if we false this property the component works fine.

Can you please help regarding this issue?