Javascript blazor not detecting delete or empty filter on filter table

I have a table in blazor.

I have a header filter like so

<input type="text" @oninput=>"filter" placeholder="filter" />

This triggers a function lets say

Public async task filter(){  JS.jsInvokejavascriptasync("filterTable");}

This calls my filtertable function in javascript.

The code logic for filtering a table works perfectly

My only issue is that it does not pick up when ai clear my filter. Ie when I press delete to clear the 1 character in the filter the function to filter again does not get triggered

I have tried to add an eventlistener on javascript to detect a delete or backspace on input but it has not triggered the filter

Function jsfile(){   //if textfilter===""  //return all rows back again //otherwise filter for value}

My logic inside for filtering works just the table does not reset when you clear the filter using the delete key.

Is there something that can be done to enable the filter function to trigger when you clear the filter by using deleteAny help would be appreciated thanks