Keyboard on on mobile view opens and closes instantly after moving the add to cart and options above the descritpion

Using opencart 2.3.0.2 on mobile device. I’m trying to keep my keyboard from closing when I enter text into the text field option. I successfully used the below code to move the add to cart button and options above the description but now when I try to enter text into the text field options my keyboard pops open and closes a second later. Anyone know how to fix this? It’s my understanding (which is limited) that the window resize event should prevent this but it’s still happening with one present in the code.

<script>
    $(function(){
        // We create a function
        function moveCart(){
            // If user screen is smaller than 768 pixel
            if($(window).width() < 768 ){
                /*
                    select cart area including cart button, options, product title and ...
                    if you want to only move cart button use '#product' instead of '#content > .row > .col-sm-4'
                */
                $('#content > .row > .col-sm-4').removeClass('col-sm-4').addClass('moved-div');
                // now move it
                $('.moved-div').insertAfter('.thumbnails');
            } else {
                /*
                    if user resized his/her screen width and now screen is wider than 767 pixel and we moved cart area before, move it to its original place.
                */
                if($('.moved-div').length){
                    $('.moved-div').insertAfter('#content > .row > .col-sm-8').addClass('col-sm-4').removeClass('moved-div');
                }
            }
        }

        // run function 
        moveCart();

        $(window).resize(function(){
            // run function again if user resized screen
            moveCart();
        })
    });
</script>