Fixes #431: Scroll-down on the home screen messes up everything

app/src/main/java/org/mozilla/fenix/home/HomeFragment.kt

@@ -49,6 +49,7 @@ class HomeFragment : Fragment() {
         val view = inflater.inflate(R.layout.fragment_home, container, false)
         TabsComponent(view.homeLayout, bus, TabsState(requireComponents.core.sessionManager.sessions))
         SessionsComponent(view.homeLayout, bus)
+        layoutComponents(view)
         ActionBusFactory.get(this).logMergedObservables()
         val activity = activity as HomeActivity
         DefaultThemeManager.applyStatusBarTheme(activity.window, activity.themeManager, activity)
@@ -61,8 +62,6 @@ class HomeFragment : Fragment() {
 
         (activity as AppCompatActivity).supportActionBar?.hide()
 
-        layoutComponents(view.homeLayout)
-
         getSafeManagedObservable<TabsAction>()
             .subscribe {
                 when (it) {

app/src/main/java/org/mozilla/fenix/home/HomeLayouts.kt

@@ -4,40 +4,42 @@
 
 package org.mozilla.fenix.home
 
-import androidx.constraintlayout.widget.ConstraintLayout
+import android.view.View
 import androidx.constraintlayout.widget.ConstraintLayout.LayoutParams.PARENT_ID
-import kotlinx.android.synthetic.main.component_sessions.*
+import kotlinx.android.synthetic.main.component_sessions.view.*
-import kotlinx.android.synthetic.main.component_tabs.*
+import kotlinx.android.synthetic.main.component_tabs.view.*
-import kotlinx.android.synthetic.main.fragment_home.*
+import kotlinx.android.synthetic.main.fragment_home.view.*
-import kotlinx.android.synthetic.main.tab_list_header.*
+import kotlinx.android.synthetic.main.tab_list_header.view.*
 import org.jetbrains.anko.constraint.layout.ConstraintSetBuilder.Side.BOTTOM
 import org.jetbrains.anko.constraint.layout.ConstraintSetBuilder.Side.END
 import org.jetbrains.anko.constraint.layout.ConstraintSetBuilder.Side.START
 import org.jetbrains.anko.constraint.layout.ConstraintSetBuilder.Side.TOP
 import org.jetbrains.anko.constraint.layout.applyConstraintSet
 
-fun HomeFragment.layoutComponents(layout: ConstraintLayout) {
+fun HomeFragment.layoutComponents(layout: View) {
-    layout.applyConstraintSet {
+    with(layout) {
-        tabs_header {
+        homeLayout.applyConstraintSet {
-            connect(
+            tabs_header {
-                TOP to BOTTOM of homeDivider,
+                connect(
-                START to START of tabs_list,
+                    TOP to BOTTOM of homeDivider,
-                END to END of PARENT_ID
+                    START to START of tabs_list,
-            )
+                    END to END of PARENT_ID
-        }
+                )
-        tabs_list {
+            }
-            connect(
+            tabs_list {
-                TOP to BOTTOM of tabs_header,
+                connect(
-                START to START of PARENT_ID,
+                    TOP to BOTTOM of tabs_header,
-                END to END of PARENT_ID
+                    START to START of PARENT_ID,
-            )
+                    END to END of PARENT_ID
-        }
+                )
-        session_list {
+            }
-            connect(
+            session_list {
-                TOP to BOTTOM of tabs_list,
+                connect(
-                START to START of PARENT_ID,
+                    TOP to BOTTOM of tabs_list,
-                END to END of PARENT_ID
+                    START to START of PARENT_ID,
-            )
+                    END to END of PARENT_ID
+                )
+            }
         }
     }
 }