diff --git a/src/gui/html/js/events.js b/src/gui/html/js/events.js
index 51d9f319..95ea8c54 100644
--- a/src/gui/html/js/events.js
+++ b/src/gui/html/js/events.js
@@ -413,13 +413,6 @@ function onShowSettingsDialog() {
}
function onEditorOpen(evt) {
- /* Set up drag 'n' drop event handlers. */
- const elements = document.getElementById('cardsNav').getElementsByTagName('loot-plugin-item');
- for (let i = 0; i < elements.length; ++i) {
- elements[i].draggable = true;
- elements[i].addEventListener('dragstart', elements[i].onDragStart);
- }
-
/* Now show editor. */
evt.target.classList.toggle('flip');
@@ -432,6 +425,13 @@ function onEditorOpen(evt) {
++numEditors;
if (numEditors === 1) {
+ /* Set up drag 'n' drop event handlers. */
+ const elements = document.getElementById('cardsNav').getElementsByTagName('loot-plugin-item');
+ for (let i = 0; i < elements.length; ++i) {
+ elements[i].draggable = true;
+ elements[i].addEventListener('dragstart', elements[i].onDragStart);
+ }
+
/* Set the edit mode toggle attribute. */
document.getElementById('cardsNav').setAttribute('data-editModeToggle', '');
/* Disable the toolbar elements. */
@@ -483,19 +483,19 @@ function onEditorClose(evt) {
evt.target.classList.toggle('flip');
evt.target.data.isEditorOpen = false;
- /* Remove drag 'n' drop event handlers. */
- const elements = document.getElementById('cardsNav').getElementsByTagName('loot-plugin-item');
- for (let i = 0; i < elements.length; ++i) {
- elements[i].removeAttribute('draggable');
- elements[i].removeEventListener('dragstart', elements[i].onDragStart);
- }
-
/* Disable priority hover in plugins list and enable header
buttons if this is the only editor instance. */
let numEditors = parseInt(document.body.getAttribute('data-editors'), 10);
--numEditors;
if (numEditors === 0) {
+ /* Remove drag 'n' drop event handlers. */
+ const elements = document.getElementById('cardsNav').getElementsByTagName('loot-plugin-item');
+ for (let i = 0; i < elements.length; ++i) {
+ elements[i].removeAttribute('draggable');
+ elements[i].removeEventListener('dragstart', elements[i].onDragStart);
+ }
+
document.body.removeAttribute('data-editors');
/* Set the edit mode toggle attribute. */
document.getElementById('cardsNav').setAttribute('data-editModeToggle', '');