I am implementing a chat function where i am using the EmojioneArea to implement the emojis in the chat. The problem is whenever larger texts are added in the text area, the emoji panel starts shifting to the left more and more. When i inspected it, the position of the emoji picker keeps getting 'right' css property increased as i add more text. Is there any way i can prevent the right property being changed by any addition of text?
When large number of text is typed inside
When inspected the right property here keeps adding up thus shifting the whole picker