1 files changed, 34 insertions, 4 deletions

diff --git a/node_modules/montage/ui/flow.reel/flow.html b/node_modules/montage/ui/flow.reel/flow.html
index 52edb7e5..8a9603bf 100644
--- a/node_modules/montage/ui/flow.reel/flow.html
+++ b/node_modules/montage/ui/flow.reel/flow.html
@@ -9,7 +9,7 @@
     <title></title>
     <script type="text/montage-serialization">
         {
-            "repetition1": {
+            "repetition": {
                 "prototype": "montage/ui/repetition.reel",
                 "properties": {
                     "element": {
@@ -17,6 +17,17 @@
                     }
                 }
             },
+            "translateComposer": {
+                "prototype": "montage/ui/composer/translate-composer",
+                "properties": {
+                    "component": {"@": "owner"},
+                    "maxTranslateX": 250000,
+                    "invertAxis": true
+                },
+                "bindings": {
+                    "element": {"<-": "@owner._element"}
+                }
+            },
             "owner": {
                 "prototype": "montage/ui/flow.reel",
                 "properties": {
@@ -24,7 +35,17 @@
                         "#": "montage-flow"
                     },
                     "_repetition": {
-                        "@": "repetition1"
+                        "@": "repetition"
+                    },
+                    "_translateComposer": {
+                        "@": "translateComposer"
+                    }
+                },
+                "bindings": {
+                    "translateX": {"<-": "@translateComposer.translateX"},
+                    "isSelectionEnabled": {
+                        "boundObject": {"@": "repetition"},
+                        "boundObjectPropertyPath": "isSelectionEnabled"
                     }
                 }
             }
@@ -45,8 +66,17 @@
             -webkit-transform-style: preserve-3d;
             -webkit-transform: translateZ(0);
         }
-        .montage-flow-repetition > * {
-            position: absolute !important;
+        .montage-flow-repetition > div {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            width: 0;
+            height: 0;
+            -webkit-transform: translateZ(0);
+            -webkit-transform-style: preserve-3d;
+        }
+        .montage-flow-pointer-events-none {
+            pointer-events: none;
         }
     </style>
 </head>