mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-05-07 23:15:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

notify user to use escape key on first tab press

Browse source
This commit is contained in:
e218736 2024-02-28 17:19:20 +00:00
parent c4e7c41a6e
commit 6d5592ffde
4 changed files with 27 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/web/waiters/InputWaiter.mjs
View file

@ -91,7 +91,7 @@ class InputWaiter {
lineWrapping: new Compartment,
fileDetailsPanel: new Compartment
};
localStorage.setItem("alerted", "no");
const initialState = EditorState.create({
doc: null,
extensions: [
@ -141,7 +141,7 @@ class InputWaiter {
if (e.docChanged && !this.silentInputChange)
this.inputChange(e);
this.silentInputChange = false;
})
}),
]
});
@ -186,7 +186,20 @@ class InputWaiter {
this.inputChrEnc = chrEncVal;
this.inputChange();
}
/**
* Handler for Tab key events within input
* Notifies keyboard/screen reader users how to navigate out of input field
* @param {event} event
*/
tabNotification(event) {
const alerted = localStorage.getItem("alerted") || "";
if (event.key === "Tab" && alerted !== "yes") {
this.app.alert("Press Escape then Tab to exit the input field.", 7000);
localStorage.setItem("alerted", "yes");
return $("#snackbar-container").append("<p role='alert' id='input-alert'>Press Escape then Tab to exit the input field.</p>");
}
}
/**
* Getter for the input character encoding
* @returns {number}