From 8a7782d6a0e13dd42ecb65869cf801f98355f05d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emilio=20Cobos=20=C3=81lvarez?= <emilio@crisal.io>
Date: Mon, 29 Nov 2021 14:22:24 +0100
Subject: [PATCH] Make the chart container a relative-positioned div

To fix #15 for Safari and Firefox.

`MouseEvent.layerX` is not standard (https://github.com/w3c/uievents/issues/135 tracks standardizing it), but meanwhile this should make the behavior match on all major browsers.
---
 src/components/local/SymbolCard.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/local/SymbolCard.vue b/src/components/local/SymbolCard.vue
index 429e484a..1823a4ca 100644
--- a/src/components/local/SymbolCard.vue
+++ b/src/components/local/SymbolCard.vue
@@ -393,6 +393,11 @@ export default defineComponent({
     background-size: 10px 10px;
 }
 
+.chart > div {
+    /* See #15 and https://github.com/w3c/uievents/issues/135 */
+    position: relative;
+}
+
 .timer {
     display: flex;
     align-items: center;