Justin Toupin · Justin Toupin
--- a/js/builder.es6.js
+++ b/js/builder.es6.js
      const { element, method } = uiElement;
      $container[method]($(element).addClass('js-lpb-ui'));
    });
-    Drupal.attachBehaviors($container[0], drupalSettings);
--- a/js/builder.es6.js
+++ b/js/builder.es6.js
   * @param {jQuery} $element The builder element.
   */
  function updateMoveButtons($element) {
-    $element.find('.lpb-up, .lpb-down').attr('tabindex', '0');
-    $element
-      .find(
-        '.js-lpb-component:first-of-type .lpb-up, .js-lpb-component:last-of-type .lpb-down',
-      )
-      .attr('tabindex', '-1');
+    [...$element[0].querySelectorAll('.lpb-up, .lpb-down')].forEach((el) => {
--- a/js/builder.es6.js
+++ b/js/builder.es6.js
-          $sibling.css({ transform: `translateY(${b}px)` });
-        },
-        complete() {
-          $moveItem.css({ transform: 'none' });
-          $sibling.css({ transform: 'none' });
-          $sibling[method]($moveItem);
-          $moveItem
-            .closest(`[${idAttr}]`)
-            .trigger('lpb-component:move', [$moveItem.attr('data-uuid')]);
-        },
-      },
-    );
-    if (distance > 50) {
-      $('html, body').animate({ scrollTop: destScroll });
+    // Determine if the move should be animated horizontally or vertically.
+    const animateProp = $sibling[0].getBoundingClientRect().top == $moveItem[0].getBoundingClientRect().top
--- a/js/builder.es6.js
+++ b/js/builder.es6.js
-        });
-        // Add new containers to the dragula instance.
-        $('.js-lpb-region:not(.is-dragula-enabled)', element)
-          .addClass('is-dragula-enabled')
-          .get()
-          .forEach((c) => {
-            const drake = $(element).data('drake');
-            drake.containers.push(c);
-          });
+        $element.data('drake', initDragAndDrop($element, lpbSettings));
+        attachEventListeners($element, lpbSettings);
+        $element.trigger('lpb-builder:init');
      });
+
+      // Add new containers to the dragula instance.
+      once('is-dragula-enabled', '.js-lpb-region').forEach((c) => {
--- a/js/builder.es6.js
+++ b/js/builder.es6.js
  Drupal.behaviors.layoutParagraphsBuilder = {
    attach: function attach(context, settings) {
      // Add UI elements to the builder, each component, and each region.
-      $(once('lpb-ui-elements', '[data-has-js-ui-element]')).each((i, el) => {
+      const jsUiElements = once('lpb-ui-elements', '[data-has-js-ui-element]');