Serraniel/AniwatchPlus
Serraniel/AniwatchPlus
1
0
Fork 0
Code Issues 9 Pull requests 8 Projects Releases 10 Packages Wiki Activity

Feature/#91 watch2gether display chat message character count #93

Merged
Serraniel merged 12 commits from feature/#91-watch2gether-display-chat-message-character-count into develop 2020-10-29 18:09:12 +01:00
Conversation 1 Commits 12 Files changed 7 +5 -6
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit b256fa8e5e - Show all commits

11
src/javascript/enhancements/watch2getherChat.js
View file

@ -45,9 +45,6 @@ function addCharCounter(textarea) {
function updateCharCounter(textarea, charCounterSpan) {
const SHAKE_CLASS = 'awp-w2g-chatCounter-max';
// reset class
charCounterSpan.classList.remove(SHAKE_CLASS);
let current = textarea.value.length;
let max = textarea.maxLength;
@ -55,9 +52,11 @@ function updateCharCounter(textarea, charCounterSpan) {
// animation if at max
// this need to be delayed because removing and adding it too fast again will prevent the browsers to replay the animation
if (current >= max) {
if (current >= max && !charCounterSpan.classList.contains(SHAKE_CLASS)) {
charCounterSpan.classList.add(SHAKE_CLASS);
setTimeout(() => {
charCounterSpan.classList.add(SHAKE_CLASS);
}, 100);
charCounterSpan.classList.remove(SHAKE_CLASS);
}, 200);
}
}