I’m working on a Chrome extension and having issues with setting the value of the chat input programatically. With the below approach, I can briefly see a value change, but then it disappears (likely a controlled component). I’ve tried sending some KeyboardEvent after changing the value, but haven’t had any luck. Any ideas on how I could best set this value? let chatInput = document.querySelector('.chat-input textarea'); chatInput.value = chatInput.value + ' testing...'; Solution: The chatInput is what is known as a “controlled component” in the world of UI libraries like React (which Twitch uses) or Vue. The application manages the value of the interally, controlling what happens to incoming input through event listeners. So to change the value, you want to do so through mimicking the event. A naive solution that I was able to start moving ahead with in this case after setting the value is: chatInput.dispatchEvent(new Event('input', { bubbles: true })); Ideally you’d want the dispatched event to contain the actual data I think, so if someone knows how to do that or has a better way, please chime in. Similar Threads: [image] Chrome Extension - custom emote picker Chat and IRC I am working on a Chrome extension that adds custom emotes to the chat. I added emote-menu and it successfully adds img’s alt value into the text area but clicking on “Chat” button does not send the message into the chat unless i manually add at least one character of my own inside text area. Is there an event that i should trigger to make it work like a spacebar keypress? I tried both .value and .innerHTML Here is what i use. var chatInput = document.querySelector('textarea[data-a-target="… [image] Chrome extension that sends a message every a specific period of time Chat and IRC I’m developing a chrome extension that sends a message every a specific period of time by changing value into the text area but clicking on “Chat” button does not send the message into the chat unless i manually add at least one character of my own inside text area. is that because the chrome extension I am developing not flagged as known bot or verified bot? I’m new to twitch TV community so titles like “verified_bot” , “white_list” and “known_bot” are new to me and I have no enough knowledge…

You were answered on the thread you necroed [image] Chrome Extension - custom emote picker Chat and IRC Matchbook necroed this thread and started their own here

[Solved] How to set value of chat input textarea

Chat and IRC

BarryCarlyon May 12, 2018, 11:23am 2

You were answered on the thread you necroed

Topic		Replies	Views
Chrome Extension - custom emote picker Chat and IRC	4	3938	May 12, 2018
Replace whole content of user's chat input Chat and IRC	0	290	July 31, 2023
Using the chat textbox with javascript Chat and IRC	2	1130	July 23, 2020
Input-box for messages Chat and IRC	3	2092	August 5, 2016
Chrome extension that sends a message every a specific period of time Chat and IRC	3	3902	May 7, 2018

[Solved] How to set value of chat input textarea

Related topics