- Issue created by @vetchneons
- Status changed to Closed: outdated
over 1 year ago 12:12pm 31 October 2023 - 🇺🇸United States justin2pin
The 2.0.x branch is no longer supported - please use 2.1.x instead. Marking as outdated.
Messages that appear the top of the edit tray could benefit from being put into focus. For example, saving the page or required field errors might not be apparent to the content editors. Also, anchor links in the error message do not put the field into focus when clicking on the link.
This is a solution for both putting the status message into focus and fixing the anchor links:
Added to iframe-child.js:
New Function:
function messages(context) {
$(context).find('.messages').once('messages').each(function () {
const mercuryDialog = window.frameElement.closest('mercury-dialog');
if (mercuryDialog) {
// Scroll the status message into focus
document.body.scrollIntoView();
$(context).find('.messages--error a').once('message_links').each(function () {
// Attaches the iframe click handle to status messages links.
$(this).addClass('use-iframe');
$(this).click(function (e) {
// Scroll to the field when clicking on the links in the status message
const link_href = $(this).attr('href');
const element_id = link_href.substring(1, link_href.length);
// Need to get the parent of the field with the error
// Otherwise we are scrolling to a hidden element and this won't work
const element = document.getElementById(element_id).parentElement;
element.scrollIntoView();
// Prevent the link from redirecting to a new page
// These links must scroll to the associated anchor within the iframe
return false;
});
});
}
});
}
...
// Adjust the CKEditor autogrow height when drupal attaches content.
Drupal.behaviors.mercuryEditorIframeDocument = {
attach: function attach(context) {
setCKEditorMaxHeight();
dialogButtons(context);
messages(context); // add the messages function to the Drupal.behaviors.mercuryEditorIframeDocument behavior
...
Closed: outdated
2.0
Code
The 2.0.x branch is no longer supported - please use 2.1.x instead. Marking as outdated.