Bootstrap table-responsive scrollbar locked, cannot scroll

Question

I am using the following markup. The horizontal scrollbar show up on mobile browsers and also chrome dev tool but is locked to the left side and cannot be dragged or scrolled.

<div class="table-responsive">
    <table class="table table-hover">
        ...
    </table>
</div>

There seems to be no additional css other than default bootstrap styles. table.table has width: 100% and max-width: 100% but they are from bootstrap. Tried changing them to width: auto and max-width: none !important but doesn't work.

I am using Bootstrap 3.3.6 and AdminLTE 2