FANDOM


IsTyping displays which users are typing on chat. This also affects private messages.

Installation

Configuration

CSS

The typing indicator is identified by the typing-indicator class, and when it's visible, the is-typing class is added to the body element.

JavaScript

All configuration options are stored in the window.IsTyping object. All configuration options shown below are completely optional, and the script will work just as fine without them.

$indicator
Indicator element to use instead of one inserted by the script, allows for customizing the placement of the indicator. Type: jQuery.fn
noStyle
Whether the script will add default styles or not. Default: false
mainRoomDisabled
Whether the typing indicator should be disabled on the main chat room. Default: false
privateRoomDisabled
Whether the typing indicator should be disabled on private chat rooms. Default: false
filterSelf
Whether the user should be excluded from the typing indicator list. This could be useful for seeing when others can see you typing, but you may not want this to be set to false site-wide. Default: true
ignore
List of usernames that will be ignored and filtered out. Default: []
doScroll
Legacy configuration option for autoscrolling. Will be set automatically if IsTyping.old is set to true. Default: false
old
Whether to use the old configuration before the update of October, 2018. Default: false

Example

This is an example configuration which disables the typing indicator on main chat and adds an animation before it. It is only for demonstration purposes, and should not be copied unless the exact behavior described above is desired.

JS

window.IsTyping = {
    mainRoomDisabled: true,
    ignore: ['WikiaBot', 'Dorumin']
};
// importArticles...

CSS

.is-typing .typing-indicator::before {
    content: '';
    height: 20px;
    width: 24px;
    background-image: url(https://i.imgur.com/ElRvQm9.gif);
    background-size: 24px 24px;
    display: inline-block;
    background-position: 0 5px;
}

Note: the indicator probably won't be visible in wikis with dark themes, you should find another image instead, or apply filter: brightness(%) to the above file.

Text above can be found here (edit)