Code snippets for the "How we built the DevTools Tooltips" article

get-coordinates.ts

// Get the coordinates of the element.
const rect = element.getBoundingClientRect();
// Apply any offset that might be configured for it.
for (const {direction, size} of offsets) {
  if (direction === Direction.Top) {
    rect.y -= size;
    rect.height += size;
  }
  if (direction === Direction.Right) {
    rect.width += size;
  }
  if (direction === Direction.Bottom) {
    rect.height += size;
  }
  if (direction === Direction.Left) {
    rect.x -= size;
    rect.width += size;
  }
}