Fix issue where hovering over a graph would show highlight on all graphs

This commit is contained in:
Peter Stockings
2023-12-10 23:55:53 +11:00
parent 8904d198ed
commit 042d895161

View File

@@ -38,10 +38,10 @@
{% set unique_id = parts|join('-') %}
<div class="relative" id="svg-plot-{{ unique_id }}" _="
on mouseover from .plot_point
on mouseover from .pnt-{{ unique_id }}
put event.target @data-msg into #popover-{{ unique_id }}
then remove .hidden from #popover-{{ unique_id }}
on mouseout from .plot_point
on mouseout from .pnt-{{ unique_id }}
add .hidden to #popover-{{ unique_id }}">
<div id="popover-{{ unique_id }}" class="absolute t-0 r-0 hidden bg-white border border-gray-300 p-2 z-10">
<!-- Popover content will be dynamically inserted here -->
@@ -65,7 +65,7 @@
y="{{ y | int }}"
width="{{ width | int }}"
height="{{ height | int }}"
class="plot_point"
class="pnt-{{ unique_id }}"
data-msg="{{ message }}"></rect>
{% endfor %}
</g>