An uncommon and shining example of something Microsoft did right is the old Windows taskbar: It can be rearranged and resized if you want, but has a lock feature to prevent it happening by accident. What it lacks is a reset feature to un-ruin it when this inevitably happens anyway.
If this is made default, it ought to have lock and reset features in addition to disable.
I doubt anyone here will use "draggable" in any useful way. Will let this experiment run for a bit longer but I may turn it off sooner than later.
Better, I think, to add some VueJS - Bootstrap apps or components to the site.
Of some minor interest to note is that the jQuery-UI libs currently override the site's Bootstrap tooltips. These tooltips look good in some places and not so good in others, and also I'm having some trouble controlling the tooltip format (for example, getting rid of the shadow box) in the Advanced Stats. So, I'm not a huge fan of these jQuery-UI tooltips. This is another reason to remove the jQuery-UI libs from the site, sooner than later.
At this point in time, jQuery-UI seems more value-subtracted than value-added compared to other JS libs and frameworks.
Update: Well, at the speed of technology in 2019, I have decided to remove (comment out for now) jQuery-UI from the site and disable all draggable code. The jQuery-UI tooltips are annoying and there seems to be no real use-case for draggable areas of the site.
Onwards and upwards to the next web dev experiment.
I may rewrite the smilies and color pickers in the editor to use some kind of modal component from Bootstrap.