How to design a solution for insert special character

Hi,
For business reason, my customer needs input special charactor like in the picture below to web client screens.
And many screen need this feature.
image

I am thinking implement a frame contains buttons for each special charator, each button has listener to get the current focused component in current screen and put the special charactor into it.

But I face two problems:

  1. the frame containing the buttons load very slow, nearly 2000 buttons there.
  2. I put the frame into a pop-up window, how to get the focused componentId of the screen since currently user open the pop-up window.

Unfortunately, it is impossible due to limitations of Web Client. Code is executed on the server and there is no access to the currently focused UI component.

As a possible solution, you could implement JavaScript extension for TextField that will show Popup with symbols on right mouse button click.

See related topics:

Thanks. Will try and let you know:)