I am using a jQuery plugin (https://www.codehim.com/text-input/insert-special-characters-in-textbox-jquery/) to have an additional keyboard next to an input area as you see on the image. (It is deployed in h5p plugin, a quiz plugin) This way, by clicking this additional keyboard, one can type in special characters in French, Turkish etc. 

Here you can see what I'm talking about:

https://fluentinturkish.com/dir/example-jquery

The problem is when there are two input areas. if I click on the second keyboard, the keyboard of the first input area opens. So, whatever I type through the keyboard, appears on the first area. How can I solve this? Please tell me if I need to share a specific code. (I tried to share but It exceeds the limit)