Atom - Tooltip - Add prop to optionally prevent Y shifting

Author: graphieros

src/atoms/Tooltip.vue

@@ -56,6 +56,10 @@ const props = defineProps({
     offsetY: {
         type: Number,
         default: 24
+    },
+    blockShiftY: {
+        type: Boolean,
+        default: false,
     }
 });
 
@@ -69,7 +73,8 @@ const position = computed(() => {
         chart: props.parent,
         clientPosition: clientPosition.value,
         positionPreference: props.position,
-        defaultOffsetY: props.offsetY
+        defaultOffsetY: props.offsetY,
+        blockShiftY: props.blockShiftY
     });
 })
 

src/calcTooltipPosition.js

@@ -1,6 +1,6 @@
 import { ref } from "vue";
 
-export function calcTooltipPosition({ tooltip, chart, clientPosition, positionPreference = 'center', defaultOffsetY = 24}) {
+export function calcTooltipPosition({ tooltip, chart, clientPosition, positionPreference = 'center', defaultOffsetY = 24, blockShiftY = false}) {
     const offsetX = ref(0);
     const offsetY = ref(defaultOffsetY);
     if (tooltip && chart) {
@@ -33,7 +33,7 @@ export function calcTooltipPosition({ tooltip, chart, clientPosition, positionPr
             }
         }
 
-        if (clientPosition.y + height > bottom) {
+        if (clientPosition.y + height > bottom && !blockShiftY) {
             offsetY.value = -height - defaultOffsetY;
         }
     }