Fix AB UX bugs

web-frontend/modules/builder/components/elements/ElementPreview.vue

@@ -224,7 +224,15 @@ export default {
      */
     isSelected(newValue, old) {
       if (newValue && !old) {
-        this.$el.scrollIntoView({ behavior: 'smooth', block: 'center' })
+        const rect = this.$el.getBoundingClientRect()
+        const isTopVisible =
+          rect.top >= 0 &&
+          rect.top <=
+            (window.innerHeight || document.documentElement.clientHeight)
+
+        if (!isTopVisible) {
+          this.$el.scrollIntoView({ behavior: 'smooth', block: 'start' })
+        }
       }
     },
     /**

web-frontend/modules/builder/components/page/PageElement.vue

@@ -38,6 +38,9 @@ export default {
   name: 'PageElement',
   mixins: [applicationContextMixin],
   inject: ['builder', 'page', 'mode'],
+  provide() {
+    return { mode: this.elementMode }
+  },
   props: {
     element: {
       type: Object,

web-frontend/modules/builder/components/page/PageTemplateContent.vue

@@ -35,6 +35,7 @@ export default {
       page: this.page,
       mode,
       formulaComponent: ApplicationBuilderFormulaInputGroup,
+      applicationContext: { builder: this.builder, page: this.page, mode },
     }
   },
   props: {