score:0
Accepted answer
in case someone else is having this type of issue, this is what i did to resolve it, apparently, the left value is correct, and there was no need for me to modify it.
_onmousemove = (e) => {
if (document.queryselector('.hoverinfo')){
let maptooltip = document.queryselector('.datamaps-hoverover');
let maphoversvg = document.queryselector('svg');
let point = maphoversvg.createsvgpoint();
point.x = e.clientx;
point.y = e.clienty;
let cursor = point.matrixtransform(maphoversvg.getscreenctm().inverse());
maptooltip.style.top = (cursor.y + 16) + "px";
console.log(cursor.y);
}
}
Source: stackoverflow.com
Related Query
- How to get correct MouseHover Coordinates on datamaps
- How to get current touch coordinates of PanResponder relative to parent view?
- How to get correct width and height for a canvas in react?
- How can I get the correct ID assigned to the delete function
- How can I get the coordinates of a given element in react tsx
- File upload - Node Js(Express) to React Js. How to get correct image path?
- How do I specify the timezone and date object format on moment correct such that I do not get Invalid date and a moment is deprecated warning?
- How can I get the correct current path in React using react router 4.2.2's withRouter?
- How to get correct value with useState() in React?
- How to get these component buttons to render inside the correct card componet?
- How to get coordinates of current mouse click in leaflet react js
- How can I get the current map center coordinates using getCenter in @react-google-maps/api?
- How to get each component to display correct Children?
- How do I get the offset coordinates of a container in react.js?
- While on click on the span, how can we get the correct span name by using useRef()
- How to get the coordinates from the OpenLayers Map in ReactJS?
- How can I get tooltip overlay to render in correct position initially?
- Trying to figure out how to use socket.io the correct way in a useEffect that is using an axios get request to fetch messages
- How to get event pixel when I have coordinates in database
- How to get correct width of element with ref in react componentDidUpdate
- How to refactor this function to get the correct error message in the catch block?
- How to get coordinates using useeffect?
- How to get the X and Y coordinates of the mouse click in percentage using ReactJs
- How do I get window.location.reload(true) to only reload the correct page?
- How to get the correct DateTime in a REACT's form field?
- How to get id from document.elementFromPoint with same x coordinates in javascript? I want all div id's like that
- How to get parameter value from query string?
- React Router v4 - How to get current route?
- How to get the value of an input field using ReactJS?
- How to get rid of underline for Link component of React Router?
More Query from same tag
- BufferedConsole module not found
- How to stop React Ant Design Upload component from posting files automatically
- React - update object within object within array
- Resolving "Objects are not valid as a React child (found: [object Promise])" in Functional Components
- How to handle Audio playing in React & Redux
- TypeError: this.activateMode is not a function (Gutenberg WordPress)
- react-scripts: command not found in react app
- Undefined is not an object (_this.state)
- "This express is not callable. Type 'Boolean' has no call signatures"
- Is it possible to open a webpage with headers?
- How to disable watch and share button on youtube videos using CSS/ Reactjs
- How to get data from an API only once when the page is loaded using axios.get method?
- Hide Splash Screen in Ionic Capacitor React
- How to clear a previous interval with React
- React cascade rendering
- Blocking vs non-blocking effects in React: Does useEffect run asynchronously implictly?
- Test class component firebase action with Jest
- background image in styled components react
- Am I mutating state in React? Filtering 24 hours of data into smaller datasets with client side filtering
- Bootstrap trigger Dropdown inside a div give an error
- Typescript error - Unable to find react context in wrapped child component
- Why is typescript inferring the generic type to be type ""
- How to serve a React page from Hapijs server regardless of route
- Trying to use "Socket.io-client" module in React throws error: Cannot assign to read only property 'exports' of object '#<Object>'
- React class component has property but Typescript says it doesn't
- Remove URL parameters JS ES6
- What is 'pristine' and 'submitting' in reduxForm?
- open file on client stored on server
- How to return the user's status within AWS's user pool using Amplify with Javascript?
- Is there any way to set a default value for cells when adding a new row in react material-table?