 <p>Finally I got the very reason of this behavior.<br> The reason is the overlapping elements.<br> For those who may stumble on this problem, try my approach on finding the overlapping elements.<br> Add this to your css file: </p> <pre><code>body * { border: 1px solid; background: #000000; } </code></pre> <p>Adding that css styles will enable you to see the elements that causes RL to LR swipe because of extra width. </p> <p>Happy coding!</p>