Drag and drop not working

video demo of issue -> https://goo.gl/6d5M0S

I used beaver builder theme and plugin to create the pages at http://murryschilddevelopment.com and I was getting this weird issue every now and then but it seems to have stuck now. I’ve tried different computers and reloading etc.

Any ideas on how to fix it?

Thanks

Hey andrew,

Sorry to hear about the problem. Let’s have you go through the plugin deactivation route first, i.e., disable all plugins and test the Beaver Builder while reactivating each to determine if the issue is related to a 3rd party plugin. Let us know how it goes!

Thanks!

KC

I believe it may be similar to this; http://forum.wpbeaverbuilder.com/support/q/repositioning-module-windows/

Mine started after I dropped in a separator. Now I’m unable to move any modules on the page.

Here’s a demo of that -> https://goo.gl/buR7Si

Ah-ha!

Looks like “Sticky Menu (or Anything!) on Scroll” is the culprit.

https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

Hey andrew,

Thanks for sharing that plugin. We’ll check them out on our end. Well, let us know if you need anything further. :slight_smile:

Thanks!

KC

Hey KC,

I decided to check the console for any errors and it returned this. jQuery related

##############################################################################

Beaver Builder caught the following JavaScript error. If Beaver Builder is not functioning as expected the cause is most likely this error. Please help us by disabling all plugins and testing Beaver Builder while reactivating each to determine if the issue is related to a third party plugin.
fl-builder.js?ver=1.6.4.2:5942 “Uncaught Error: cannot call methods on sortable prior to initialization; attempted to call method ‘refreshPositions’” on line 2 of http://www.murryschilddevelopmentcenter.com/wp-includes/js/jquery/jquery.js?ver=1.11.3.
fl-builder.js?ver=1.6.4.2:5942 Error: cannot call methods on sortable prior to initialization; attempted to call method ‘refreshPositions’
at Function.m.extend.error (http://www.murryschilddevelopmentcenter.com/wp-includes/js/jquery/jquery.js?ver=1.11.3:2:1809)
at HTMLDivElement.<anonymous> (http://www.murryschilddevelopmentcenter.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4:11:2115)
at Function.m.extend.each (http://www.murryschilddevelopmentcenter.com/wp-includes/js/jquery/jquery.js?ver=1.11.3:2:2975)
at m.fn.m.each (http://www.murryschilddevelopmentcenter.com/wp-includes/js/jquery/jquery.js?ver=1.11.3:2:835)
at a.fn.(anonymous function) [as sortable] (http://www.murryschilddevelopmentcenter.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4:11:1857)
at HTMLDivElement.FLBuilder._blockDragStart (http://www.murryschilddevelopmentcenter.com/wp-content/plugins/bb-plugin/js/fl-builder.js?ver=1.6.4.2:2217:52)
at a.Widget._trigger (http://www.murryschilddevelopmentcenter.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4:11:6182)
at $.widget._trigger (http://www.murryschilddevelopmentcenter.com/wp-content/plugins/bb-plugin/js/jquery.ui.sortable.js?ver=1.6.4.2:1278:35)
at null._trigger (http://www.murryschilddevelopmentcenter.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4:11:1032)
at $.widget._mouseStart (http://www.murryschilddevelopmentcenter.com/wp-content/plugins/bb-plugin/js/jquery.ui.sortable.js?ver=1.6.4.2:271:8)

Hey Andrew,

I’ve already filed a bug report for this. Thanks for the heads up! :slight_smile:

Ben

Hey Andrew,

I did some testing and was able to figure out what’s causing the issue.

It looks like it happens if you assign a builder element to be sticky. The sticky JS code sees the element, but once you make any changes with the builder, the layout is refreshed and the reference to the original element is broken. Once that happens, the sticky JS code starts throwing errors.

Unfortunately, there’s not much we can do about that on our end. The plugin author will need to write some code to handle the exception for if the element reference no longer exists. It looks like the plugin author is fairly active, so if you post a support thread there, you should get a quick response.

Feel free to reference this thread. I would be happy to chime in if the developer has any questions.

Justin

Thanks. I have been talking to the developer and have linked him to this thread.

Just for reference I turned on “dynamic mode” in the sticky menu plugin and it at least let me drop elements in but it was throwing a new console error consistently. see below.


“Uncaught TypeError: Cannot read property ‘top’ of undefined” on line 5 of http://www.murryschilddevelopmentcenter.com/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/jq-sticky-anything.min.js?ver=1.3.1.
fl-builder.js?ver=1.6.4.2:5942 TypeError: Cannot read property ‘top’ of undefined
at t (jq-sticky-anything.min.js?ver=1.3.1:5)
at jq-sticky-anything.min.js?ver=1.3.1:5

Hey Andrew,

Thanks for the update. It looks like that’s being caused by the same issue with the reference breaking. Sorry I don’t have a better answer :frowning:

Justin