mernmail/mernmail
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: fix action preventions with some links and forms in emails

Browse source
This commit is contained in:
Dorian Niemiec 2024-11-11 19:52:36 +01:00
parent 2e2c789e64
commit 85005c0079
1 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
frontend/src/layouts/content/Message.jsx
View file

@ -753,11 +753,10 @@ function MessageContent() {
aElement.href.slice(0, 1) == "#" ||
aElement.href.slice(0, currentHashURL.length) == currentHashURL
) {
// Prevent changing the URL
aElement.addEventListener("click", (e) => {
e.preventDefault();
});
aElement.target = "_self";
// Prevent changing the URL when clicking the link
aElement.removeAttribute("href");
aElement.removeAttribute("target");
if (!aElement.style.cursor) aElement.style.cursor = "pointer";
} else {
aElement.target = "_parent";
}
@ -773,11 +772,20 @@ function MessageContent() {
formElement.action.slice(0, currentHashURL.length) ==
currentHashURL
) {
// Prevent form submitting
formElement.addEventListener("submit", (e) => {
e.preventDefault();
});
formElement.target = "_self";
// Replace the <form> element with a <div> element
const newElement = document.createElement("div");
const formStyle = formElement.getAttribute("style");
if (formStyle !== null)
newElement.setAttribute("style", formStyle);
const formId = formElement.getAttribute("id");
if (formId !== null) newElement.setAttribute("id", formId);
newElement.innerHTML = formElement.innerHTML;
if (formElement.parentNode)
formElement.parentNode.replaceChild(newElement, formElement);
else
throw new Error(
"Can't render the email message: form's parent node is null!"
);
} else {
formElement.target = "_parent";
}