Add CSS class while typing into input field

[jrief]

I'd like to know if it would be possible to add a CSS class to the element <div class="ts-wrapper input-active ...">...</div> while typing into the input field.

Currently there is no way to distinguish, if the child element <input type="select-one" autocomplete="off" size="1" tabindex="0" role="combobox" aria-haspopup="listbox" aria-expanded="false"> has a value or is empty. This however would be very useful in order to switch style while typing.

[oyejorge]

I believe you're referring to the control_input. The onType event is fired when the value of that field changes

new TomSelect('#input',{
 onType:function(){
    // change css depending on value of control_input
 }
}

You could also add custom event listeners to the control_input

new TomSelect('#input',{
 onInitialize:function(){
   this.control_input.addEventListener('input',function(){
      // change css depending on value of control_input
   }
 }
}