title: Select tag onchange not working on mobile
body: <p>I'm setting an onchange event on select tags like this:</p>
  
  <pre><code>Dictionary.prototype.setSelectEvent = function setSelectEvent() {
      var selects = document.querySelectorAll('.dictionary-page__select');
  
      if (selects) {
          for (var i = 0; i &lt; selects.length; i++) {
              selects[i].onchange = function() {
                  this.onChange();
              }.bind(this);
          }
      }
  };
  </code></pre>
  
  <p>This works fine on the desktop. The event is properly set and fired with no errors. On mobile, the event is not being fired at all. I tried with onblur as well, but that did nothing. Using vanilla javascript, how can I set an event on a select tag and have it work on mobile? </p>
  
  <p>Solution:
  Third party library was overriding desktop events, but not mobile ones. Had to pass the select object in the event.</p>
  
  <pre><code>Dictionary.prototype.setSelectEvent = function setSelectEvent() {
      var selects = document.querySelectorAll('.dictionary-page__select');
  
      var that = this;
  
      if (selects) {
          for (var i = 0; i &lt; selects.length; i++) {
              selects[i].onchange = function() {
                  that.onChange(this);
              };
          }
      }
  };
  </code></pre>