fix for weird styling issue reported by @jtamiace

learningequality#2631 (comment)

Switched from `transition-group` outside of the list to `transition` inside. Not sure why this helped, but might it seems that there’s a conflict between the `transition-group` and `:style`.

Here’s a possibly related issue: vuejs/vue#7041 (note that using `v2.3.4` did _not_ help)

Author: indirectlylit

kolibri/plugins/learn/assets/src/views/assessment-wrapper/exercise-attempts/index.vue

@@ -1,16 +1,16 @@
 <template>
 
   <div class="wrapper">
-    <transition-group name="fade">
-      <div
-        class="answer"
-        v-for="(item, index) in itemsToRender"
-        :style="styleForIndex(index, item.originalIndex)"
-        :key="item.originalIndex"
-      >
+    <div
+      class="answer"
+      v-for="(item, index) in itemsToRender"
+      :style="styleForIndex(index, item.originalIndex)"
+      :key="item.originalIndex"
+    >
+      <transition name="fade">
         <answer-icon :answer="item.answer" />
-      </div>
-    </transition-group>
+      </transition>
+    </div>
     <div
       class="placeholder"
       v-for="i in numSpaces"