Fixes issues with XL drawer on touch displays.

Author: AMJones

composer.json

@@ -10,7 +10,7 @@
         "css"
     ],
     "homepage": "https://www.github.com/strapless/drawer",
-    "version": "2.0.1",
+    "version": "2.0.3",
     "authors": [
         {
             "name": "Aaron M Jones",

dist/css/drawer.css

@@ -1,5 +1,5 @@
 /*!
-   * StrapLess Drawer v2.0.1 (http://github.com/strapless/drawer)
+   * StrapLess Drawer v2.0.3 (http://github.com/strapless/drawer)
    * Licensed under MIT (https://github.com/strapless/drawer/blob/master/LICENSE)
    */
 .drawer {

dist/css/drawer.min.css

@@ -62,7 +62,7 @@ jQuery.fn.extend( {
 /**
  * jQuery Plugin for managing a navigation drawer.
  *
- * @version v2.0.1
+ * @version v2.0.3
  * @license https://github.com/strapless/strapless/LICENSE
  * @author  Aaron M Jones <am@jonesiscoding.com>
  */
@@ -76,15 +76,43 @@ jQuery.fn.extend( {
       var href     = $trigger.attr( 'href' );
       var $target  = $( $trigger.attr( 'data-target' ) || (href && href.replace( /.*(?=#[^\s]+$)/, '' )) ); // strip for ie7
       var $html    = $('html');
+      var bps      = ['xs','sm','md','lg','xl'];
+      var types    = [ 'temporary', 'persistent', 'permanent' ];
 
       drawer.isTemporary = function() {
-        return $.fn.isBreakpoint( [ 'xs', 'sm', 'md' ] ) || ($.fn.isBreakpoint(['lg']) && $html.hasClass('touch'));
+        return true === ( getDrawerType() === 'temporary' );
       };
 
       drawer.isPersistent = function() {
-        return ($.fn.isBreakpoint(['lg']) || ($.fn.isBreakpoint(['xl']) && $html.hasClass('touch'))) && !drawer.isTemporary();
+        return true === ( getDrawerType() === 'persistent' );
       };
 
+      function getViewport() {
+        for(var x = 0; x < bps.length; x++) {
+          if ( $.fn.isBreakpoint( bps[ x ] ) ) {
+            return bps[x];
+          }
+        }
+
+        return 'xs'
+      }
+
+      function getDrawerType() {
+        var type = 'temporary';
+        var viewport = getViewport();
+        var infix;
+        for(var i = 0; i < bps.length; i++) {
+          infix = (i === 0) ? '' : bps[i] + '-';
+          for(var x = 0; x < types.length; x++) {
+            if ( $target.hasClass( 'drawer-' + infix + types[ x ] ) ) {
+              type = types[x];
+            }
+          }
+
+          if ( bps[ i ] === viewport ) { return type; }
+        }
+      }
+
       drawer.init = function() {
         if ( typeof $target !== 'undefined' ) {
           if(drawer.isTemporary()) {