Tooltip: Fixed strategy tooltips misaligned when browser chrome disappears on mobile

[michael-iden]

Expected behavior
Tooltips always open directly adjacent to their associated element.

Actual behavior
Tooltips with the fixed positioning are misaligned from their associated element when the browser chrome disappears on mobile

Steps to reproduce the issue

1. Perform a JSTOR search on a mobile browser. I was using Safari on iOS 14.7.1
2. Click "Cite" to open up the citation modal
3. Click "Copy" for one top citations (MLA, APA, Chicago)
4. See citation is misaligned if the browser chrome is not present. Opening the citation again with the chrome present has correctly aligned tooltips

Screenshots or code
Misaligned tooltip with chrome collapsed:

Aligned tooltip with chrome visible:

Pharos version
10.5.1

Your environment

• OS: iOS
• Browser: Safari
• Version: 14.7.1

Additional information
We previously tried injecting the tooltips with the default strategy (without strategy="fixed") and that had bigger issues.

[daneah]

Joined the discussion here

[daneah]

I will be interested to see if the next release containing #434 will remedy this.

[daneah]

@ithaka/pharos@12.15.0 is likely to fix this; will close after confirmation from the team.