MontoyaTech/ignite-html-input
MontoyaTech/ignite-html-input
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changed from textContent to innerText so that the rendered version of the content editable is used.

Browse Source
This commit is contained in:
MattMo 2024-11-20 07:51:34 -08:00
parent f9c8f5da23
commit aca1a22986
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ignite-html-input.js
View File

@ -104,18 +104,18 @@ IgniteTemplate.prototype.inputNumber = function(maxLength = -1) {
IgniteTemplate.prototype.inputText = function(maxLength = -1, allowSpaces = true, maxSpaces = -1) { IgniteTemplate.prototype.inputText = function(maxLength = -1, allowSpaces = true, maxSpaces = -1) {
this.on("keydown", e => { this.on("keydown", e => {
//If we reached the max and the key isn't a special one then block this. //If we reached the max and the key isn't a special one then block this.
if (maxLength != -1 && (e.target.value?.length >= maxLength || (e.target.isContentEditable && e.target.textContent.length >= maxLength)) && e.key != 'Backspace' && e.key != 'Escape' && e.key != 'Tab' && e.key != 'Control' && e.ctrlKey == false) { if (maxLength != -1 && (e.target.value?.length >= maxLength || (e.target.isContentEditable && e.target.innerText.length >= maxLength)) && e.key != 'Backspace' && e.key != 'Escape' && e.key != 'Tab' && e.key != 'Control' && e.ctrlKey == false) {
e.preventDefault(); e.preventDefault();
return false; return false;
} }
//If the key is space and space is not allowed prevent it, or if it's allowed and we have too many spaces prevent it. //If the key is space and space is not allowed prevent it, or if it's allowed and we have too many spaces prevent it.
else if ((!allowSpaces && e.key == ' ') || (allowSpaces && e.key == ' ' && maxSpaces != -1 && countSpaces((e.target.isContentEditable ? e.target.textContent : e.target.value)) >= maxSpaces)) { else if ((!allowSpaces && e.key == ' ') || (allowSpaces && e.key == ' ' && maxSpaces != -1 && countSpaces((e.target.isContentEditable ? e.target.innerText : e.target.value)) >= maxSpaces)) {
e.preventDefault(); e.preventDefault();
return false; return false;
} }
//If the backspace key is pressed and this is content editable, clear the element //If the backspace key is pressed and this is content editable, clear the element
//otherwise a hidden <br/> may be added. //otherwise a hidden <br/> may be added.
else if (e.key == "Backspace" && e.target.isContentEditable && e.target.textContent.length <= 1) { else if (e.key == "Backspace" && e.target.isContentEditable && e.target.innerText.length <= 1) {
e.target.innerHTML = null; e.target.innerHTML = null;
} }
}); });