Multiple Heatmap Components on Same Page.

[StephenMarkToms]

Thank you for providing such a great library! I've been playing around with it but it looks like if I attach it to multiple elements that appear on the same page it breaks completely.

for example this is the loop I'm using it on:

<pdf v-heatmap="showHeatmap" v-for="i in numPages" :key="i" :src="src" :page="i" class="w-full max-w-3xl mx-auto my-5"

The output shows the rendered pdfs but it does not highlight the mouse movement.

[BrockReece]

Hmm, in theory I'm not sure why it wouldn't work, but I don't think I have tried it in anger before, I will try to give it a test today.

Did you mean to include a code example above?

[StephenMarkToms]

@BrockReece Thank you for such a quick response. I must have missed adding the code snippet. This is what I meant to send earlier:

`

`

Basically in my application I want to track interaction with a pdf and responsive div on top of another canvas rendered element to utilize the heatmap. If I remove the for loop and just display one pdf it will work as intended.

[BrockReece]

Yep, I have the same issue. I think I can see why though.

[BrockReece]

Can you give me a favour and test the changes in #28? It is working for me locally.

[StephenMarkToms]

@BrockReece i will later this afternoon once I’m in front of a computer. Thank you so much for the prompt response.

[StephenMarkToms]

@BrockReece I can confirm this is now working and fixed in the latest commit. Thank you so much! Do you know if there's a way to make the heatmap responsive?

[StephenMarkToms]

I'll open a separate issue for this.