diff --git a/core/modules/settings_tray/js/settings_tray.es6.js b/core/modules/settings_tray/js/settings_tray.es6.js index 54e1338b0d..7bac5a7770 100644 --- a/core/modules/settings_tray/js/settings_tray.es6.js +++ b/core/modules/settings_tray/js/settings_tray.es6.js @@ -9,7 +9,7 @@ * @private */ -(function ($, { announce, ajax, attachBehaviors, toolbar, behaviors }) { +(($, { announce, ajax, dialog, toolbar, behaviors }) => { const blockConfigureSelector = '[data-settings-tray-edit]'; const toggleEditSelector = '[data-drupal-settingstray="toggle"]'; const itemsToToggleSelector = '[data-off-canvas-main-canvas], #toolbar-bar, [data-drupal-settingstray="editable"] a, [data-drupal-settingstray="editable"] button'; @@ -74,12 +74,13 @@ */ function displayEditMessage() { if ($('#settings-tray-edit-message').length) { + // If the message div is already displayed it does not need to be displayed again. return; } const editMsg = Drupal.t('Click a page element to edit it.'); const msgDiv = document.createElement('div'); - msgDiv.setAttribute('id', 'settings-tray-edit-message') - Drupal.dialog(msgDiv, { + msgDiv.setAttribute('id', 'settings-tray-edit-message'); + dialog(msgDiv, { position: { my: 'left+5 top+5', at: 'left+5 top+5', diff --git a/core/modules/settings_tray/js/settings_tray.js b/core/modules/settings_tray/js/settings_tray.js index e28593b8d1..596db6cdf5 100644 --- a/core/modules/settings_tray/js/settings_tray.js +++ b/core/modules/settings_tray/js/settings_tray.js @@ -8,7 +8,7 @@ (function ($, _ref) { var announce = _ref.announce, ajax = _ref.ajax, - attachBehaviors = _ref.attachBehaviors, + dialog = _ref.dialog, toolbar = _ref.toolbar, behaviors = _ref.behaviors; @@ -48,7 +48,7 @@ var editMsg = Drupal.t('Click a page element to edit it.'); var msgDiv = document.createElement('div'); msgDiv.setAttribute('id', 'settings-tray-edit-message'); - Drupal.dialog(msgDiv, { + dialog(msgDiv, { position: { my: 'left+5 top+5', at: 'left+5 top+5',