From 0aec09a258e67f10f71ca6987e53fbc795f07911 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Fri, 1 Jun 2018 10:05:45 +0200
Subject: [PATCH] temp fix to bring infinite editors back to life

---
 .../views/components/editor/umb-editors.html  | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editors.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editors.html
index 6211889d4d..6f04b702b2 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editors.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editors.html
@@ -1,6 +1,22 @@
 <div class="umb-editors">
-    <umb-editor
-        ng-repeat="editor in editors"
-        model="editor">
-    </umb-editor>
+
+    <!-- FIXME -->
+    <!-- 
+        For some reason I can't get the animation to work when we use the umb-editor directive.
+        The the template isn't rendered quick enough and we can't access the css classes inside the directive
+        I have also tried with the animation service but I can't get the animations to run when the ng-repeat is on the umb-editor directive
+
+        <umb-editor
+            ng-repeat="editor in editors"
+            model="editor">
+        </umb-editor>
+    -->
+
+    <!-- Temp solution -->
+    <div class="umb-editor" ng-repeat="model in editors" ng-style="model.style" ng-class="{'umb-editor--small': model.size === 'small', 'umb-editor--animating': model.animating}">
+        <div ng-if="!model.view && !model.animating" ng-transclude></div>
+        <div ng-if="model.view && !model.animating" ng-include="model.view"></div>
+        <div ng-if="model.showOverlay" class="umb-editor__overlay"></div>
+    </div>
+
 </div>