code: function() {
          var el = Ext.getBody().createChild({
              tag: 'div',
              style: 'position:absolute;overflow:auto;height:100px;width:100px;',
              children: [{
                  tag: 'div',
                  style: 'height:30px;width:150px;'
              }]
          }),
          dom = el.dom,
          flag = 2;
  
          if (dom.scrollLeft === 50) {
              flag = 1;
          } else {
              dom.scrollLeft = -1;
              if (dom.scrollLeft) {
                  flag = 0;
              }
          }
  
          el.remove();
  
          return flag;
      }
docs: @private
  Returns a number indicating how the browser reports scrollLeft on overflowing rtl
  elements.  This method cannot be used reliably on the documentElement or
  document.body because the behavior of these elements can be different from other
  elements in some browsers.
  
  0: offset from right (negative number) - firefox
  1: offset from left (positive number) - IE6, IE7, IE6 - IE9 quirks, and Webkit
  2: offset from right (positive number) - IE8 - IE10 & IE10 quirks
  
  @return {Number}