draft.3

export const getSelectionCoords = (selectionRange) => {
  const editorBounds = document.getElementById('editor-container').getBoundingClientRect();
  const rangeBounds = selectionRange.getBoundingClientRect();
  const rangeWidth = rangeBounds.right - rangeBounds.left;
  
  // 107px is width of inline toolbar
  const offsetLeft = (rangeBounds.left - editorBounds.left) + (rangeWidth / 2) - (107 / 2);
  
  // 42px is height of inline toolbar
  const offsetTop = rangeBounds.top - editorBounds.top - 42;
  
  return { offsetLeft, offsetTop };
};