Profile hover info is cut off #4345

Extreme edge case, the user has a super long bio

We need to look into GitHub’s code for some event that will trigger a repositioning of the popup. We don’t have a lot of choice (unless moving it downwards is just a matter of changing classes)

Extreme edge case, the user has a super long bio

Agreed. I notice issues like text overflow caused by long repo name/description from time to time. EDIT: 🤔 replied too quick, so this issue is actually caused by Refined GitHub...

function calculatePositions(target: Element): Position {
  const {width: contentWidth, height: contentHeight} = cardContentContainer!.getBoundingClientRect()
  const {left: targetX, top: targetY, height: targetHeight, width: targetWidth} = selectRectNearestMouse(target)

  const roomAbove = targetY > contentHeight
  const hangLeft = target.classList.contains('js-hovercard-left')

  if (hangLeft) {
    // If there is room, show hovercard above hover position. Else, show it below
    const left = targetX - contentWidth - caretDistanceFromTarget
    const targetCenterY = targetY + targetHeight / 2
    const top = roomAbove
      ? targetCenterY - contentHeight + caretPaddingY + caretHeight / 2
      : targetCenterY - caretPaddingY - caretHeight / 2

    return {
      containerTop: top,
      containerLeft: left,
      contentClassSuffix: roomAbove ? 'right-bottom' : 'right-top'
    }
  } else {
    const roomRight = window.innerWidth - targetX > contentWidth
    const targetCenterX = targetX + targetWidth / 2
    const left = roomRight ? targetCenterX - caretPaddingX : targetCenterX - contentWidth + caretPaddingX
    const top = roomAbove
      ? targetY - contentHeight - caretDistanceFromTarget
      : targetY + targetHeight + caretDistanceFromTarget

    const contentClassSuffix = roomAbove
      ? roomRight
        ? 'bottom-left'
        : 'bottom-right'
      : roomRight
      ? 'top-left'
      : 'top-right'
    return {containerTop: top, containerLeft: left, contentClassSuffix}
  }
}

for some event that will trigger a repositioning of the popup

I mean I'd like something that triggers GH’s own calculatePositions, not to copy it here

I think the easy solution would be to add the space either via CSS or to just add it before GH calculates it. This is what we did in tag-changelog-link https://github.com/sindresorhus/refined-github/pull/3841/files#diff-7836467fce537e6ea71571a08d0af015dfecfb5a405d8641c759de8c06d8da09