Keyboard Usage inside Dynamically Created Bootstrap Modal
sansal54 opened this issue · 0 comments
sansal54 commented
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.