I can’t see what’s causing the problem, but it appears as though your floating input is remembering the table cells previously selected and I can’t think of a way to clear that. I tried refreshing that page after each entry hoping the new values would be saved to the local storage you’re using, but they are not. One solution could be to save the new table state to the local storage, and then trigger a hard refresh of the page when it’s done.
That’s hacky and a horrible user experience though.
My first thought is that the whole floating input idea is way off base. You should look into HTML5’s
Here’s some resources to get you started:
- Simple MDN entry
- MDN Guide - quite good, I think
- A codepen example
Edit: I took the liberty of renaming your thread - it might attract more useful responses from others if the title is more revealing of the nature of the problem.