jasny bootstrap offcanvas non scorre sui telefoni

Question

Ho creato un menu laterale utilizzando il componente aggiuntivo jasny bootstrap. Il markup è piuttosto semplice:

<div class="navmenu navmenu-inverse navmenu-fixed-right offcanvas-sm sidemenu"> 

    <ul class="nav navmenu-nav> 
     <li></li> 
     <!-- many more <li> which may have <ul> nested --> 
    </ul> 

</div> 

Il fatto è che non è scorrevole sui telefoni. Quando provo a farlo scorrere, non funziona.

Stavo provando a controllarlo in profondità usando il simulatore iOS con web inspector e provare a legare alcuni eventi. Ho provato a collegare l'evento scroll allo .sidemenu ma questo evento non è mai stato attivato. Ho quindi provato a collegare l'evento touchstart e ha funzionato come previsto. Immagino che significhi che riconosce il mio tocco ma semplicemente non riconosce il gesto di scorrimento?

Qualche idea sul perché non funziona?

Answer 1

Prova ad aggiungere data-placement = "right" al pulsante di attivazione, risolvendo il problema per me.

<type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#menucanvas" data-placement="right"> 

Answer 2

ho modificato Jasny-bootstrap.js, linea 106 e cambiato questa:

OffCanvas.DEFAULTS = { 
toggle: true, 
placement: 'auto', 
autohide: true, 
recalc: true, 
disableScrolling: false, /*true*/ 
modal: false 

}

ha funzionato per me.