I have this site that I’m creating that utilizes Filepond. I’m also trying to implement a custom cursor based off this codepen. What I’d like to happen is for the hoverTarget to select Filepond’s action buttons and the underlined “Browse” text, I tried putting:

hoverTarget: document.querySelectorAll(".filepond--file-action-button") //button

hoverTarget: document.querySelectorAll(".filepond--label-action") //browse text

for the action button and browse text as their classes, but it was not picked up by querySelectorAll. I also put button and span tags into the function but still nothing. Note that when creating plain html <button/> and <span>test</span> elements, the query selector was able to pick those up. I was also able to select the root div for filepond:

hoverTarget: document.querySelectorAll(".filepond--root")

but still not able to select other divs with classes such as .filepond--file

I’m wondering if the query selector is unable to select the elements that I’m having problems with due to them being dynamic, but I’m unsure. I tried getElementsByClassName based on this answer, but it didn’t work.

Thanks for any help!