Fix effects example after ScrollView change

ScrollView now clips contents by default, unless we manually create a
Flickable with no clipping. This example uses controls that extend
outside the scroll view.

Change-Id: Id3350aaf95d8b60736d039a7d225a2d05d9cfa94
Reviewed-by: Eskil Abrahamsen Blomfeldt <eskil.abrahamsen-blomfeldt@qt.io>
Reviewed-by: Andy Nichols <andy.nichols@qt.io>

examples/quick3d/effects/main.qml

@@ -176,9 +176,13 @@ Window {
         anchors.bottom: parent.bottom
         width: settingsRect.width
 
-        Rectangle {
+        Flickable {
+          clip: false
+          anchors.fill: parent
+          contentWidth: settingsRect.width
+          contentHeight: settingsRect.height
+          Rectangle {
             id: settingsRect
-
             implicitHeight: settingsArea.height
             width: settingsArea.width + 20
 
@@ -998,8 +1002,8 @@ Window {
                 }
 
             } // ColumnLayout settingsArea
-        } // Rectangle contentsRect
-
+          } // Rectangle contentsRect
+        } // Flickable
         ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
 
     } // ScrollView