SolidJS•2mo ago

onChange only fires when press enter ?!

const handleChannelSearch = (term) => {
    console.log('term: ', term)
  }

      <input
        type='text'
        placeholder='Search For A Channel'
        class='input input-bordered w-full'
        onChange={(event) => handleChannelSearch(event.target.value)}
      />

const handleChannelSearch = (term) => {
    console.log('term: ', term)
  }

      <input
        type='text'
        placeholder='Search For A Channel'
        class='input input-bordered w-full'
        onChange={(event) => handleChannelSearch(event.target.value)}
      />

5 Replies

Grahf•2mo ago

Not sure why the console log doesnt fire when I type in the input

brenelz•2mo ago

Try using onInput I think the React onChange is different from Solids

jer3m01•2mo ago

yep same as native onchange event, react has a custom behavior

Grahf•2mo ago

You da man. Maybe I've always used onInput in the past and just thought onChange was the right thing to do because my brain burst. Didn't think about that at all. thank you

Alex Lohr•2mo ago

Actually, react switches the original DOM events and thus causes a lot of confusion.

Gaming

Programming

onChange only fires when press enter ?!