closes #6036

public/src/client/chats.js

@@ -75,7 +75,7 @@ define('forum/chats', [
 
 		Chats.addRenameHandler(ajaxify.data.roomId, $('[component="chat/room/name"]'));
 		Chats.addScrollHandler(ajaxify.data.roomId, ajaxify.data.uid, $('.chat-content'));
-		Chats.addCharactersLeftHandler(components.get('chat/input'));
+		Chats.addCharactersLeftHandler($('[component="chat/main-wrapper"]'));
 	};
 
 	Chats.addScrollHandler = function (roomId, uid, el) {
@@ -116,9 +116,10 @@ define('forum/chats', [
 		});
 	};
 
-	Chats.addCharactersLeftHandler = function (element) {
+	Chats.addCharactersLeftHandler = function (parent) {
+		var element = parent.find('[component="chat/input"]');
 		element.on('keyup', function () {
-			$('[component="chat/message/length"]').text(element.val().length);
+			parent.find('[component="chat/message/length"]').text(element.val().length);
 		});
 	};
 

public/src/modules/chat.js

@@ -267,7 +267,7 @@ define('chat', [
 
 			Chats.addScrollHandler(chatModal.attr('data-roomid'), data.uid, chatModal.find('.chat-content'));
 
-			Chats.addCharactersLeftHandler(chatModal.find('[component="chat/input"]'));
+			Chats.addCharactersLeftHandler(chatModal);
 
 			taskbar.push('chat', chatModal.attr('UUID'), {
 				title: data.roomName || (data.users.length ? data.users[0].username : ''),