スワイプでメニュー（vuetifyjsのv-navigation-drawer）が非表示になる挙動を止めたい

Question

左端にv-navigation-drawerで表示させたメニューを、iPad（又はChrome開発者ツールでモバイル表示）で右から左へスワイプすると、メニュー非表示になってしまいます。

この挙動を防ぐ方法をご教授願えませんでしょうか。

    <v-navigation-drawer
      app
      clipped
      permanent
      dark
    >
      <v-list-item>
        <v-list-item-icon
        >
          <v-icon>
            {{ mdi-menu' }}
          </v-icon>
        </v-list-item-icon>
      </v-list-item>

      <div>test</div>

    </v-navigation-drawer>

・追記
この操作の時にv-navigation-drawer--closeというクラスが追加されていました。

v-navigation-drawer--closeに対するcssを打ち消してみましたが、根本的な解決方法ではないのでレイアウトが崩されてしまいました。。。
メニューが隠れる分のpaddingを調整するという挙動になっているようで、メニューを無理矢理残すと画面全体がメニューの幅だけ左へズレて、画面左端の一部がメニューの裏に隠れてしまいます。

.v-navigation-drawer {
  transform: translateX(0%) !important;
  &.v-navigation-drawer--close {
    visibility: visible !important;
  }
}

Answer 1

v-navigation-drawerのtouchlessオプションを指定するだけで実現できました！