I don't claim to be an expert in JavaScript, but your problem might not even lie there. From my frustrating web designing days, I can advise you that there may be invisible or transparent elements being added on top of the emoticons screen when it's displayed. Check your CSS to see if there is anything there that is transparent that could be obstructing the input. Also make sure any absolute-positioned elements are not interfering with any control elements. Lastly, I would make sure that the event listeners in both your JavaScript source and the HTML elements are still enabled all throughout the application. If the elements for the emoticons are different then make sure they also have event listeners or you will never detect any input.
hi thanks for your suggestion but i check CSS but i cant find anything hiding maybe i missed something!
bcz that im looking for someone expert in javascript to check my website and resolve the problem
I tried to take a look at the live version on your website, but I could not manage to get to where you are showing us in the screenshot you posted. It also does not help that I do not really understand anything that is written there, since it is not in English. If you can give me a direct link to any one of the chats you are hosting in your site then I might be able to figure something out for you. Also I do not quite understand what FlashChat is, but I am assuming it's some sort of HTML/JS web chat application.
Other things you might want to try are ensuring that the keyboard isn't triggered when you are showing the emoticons panel. The built-in OS keyboard in the Galaxy S5 might for some reason be triggering but not be visible, effectively blocking any input to the lower part of the application. Also make sure as I said before that the event handlers for the emoticon elements are there.
Also, just to check, are you using any JavaScript libraries or frameworks in the application?
