Keyboard Usage inside Dynamically Created Bootstrap Modal

[sansal54]

Hi,

Once, I saw your example with an input inside bootstrap modal by using jquery 1.9.1. I tried to adapt that to my situation but I was not able to. Basically, I create my modals with Vue.js dynamically and I need to show up a virtual keyboard attached to input elements inside them. My modal code seem like:

<div class="col" v-for="masa in masalar_data"> `

            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">

              <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                  <h4 class="modal-title">[[masa.siparis_alan]] [[masa.siparis_grup]]-[[masa.siparis_masano]]</h4>
                </div>

                <!-- Modal body -->
                <div class="modal-body">

                    <input type="number" v-bind:id="'input'+masa._id" class="form-control m-1 p-1 input" v-model="indirim" v-on:input="updateTotalPrice(masa._id)" placeholder="% iskonto">

                </div> <!-- End Of Modal body -->


              </div> <!-- End Of Modal content -->
            </div> <!-- End Of Modal dialog -->
          </div> <!-- End Of Modal -->

      </div> <!-- End Of Col -->

` I minimized the modal for simplicity and I have to bind the input element to a keyboard. Your code is promising about this and I would appreciate much about your support.