Popover2 subpixel arrow placement - Githubissues

palantir / blueprint

A React-based UI toolkit for the web

https://blueprintjs.com/

Apache License 2.0

20.75k stars 2.18k forks source link

Popover2 subpixel arrow placement #4525

Closed Protectator closed 3 years ago

Protectator commented 3 years ago

Environment

Package version(s): 3.38.0
Operating System: Windows 10
Browser name and version: Version 88.0.4324.150 (64 bits)

Code Sandbox

This happens right on the official example's page for Popover2 (https://blueprintjs.com/docs/#popover2-package/popover2) :

Steps to reproduce

Use a display with a scaling higher than x1 (for example x1.5)
Open the Popover2 example page
Disable usePortal
Use position right
Click on the central example Button to display the Popover

Actual behavior

Scaling x1 ( OK ) :

Scaling x1.5 ( WRONG ) :

Expected behavior

I'd expect not to see any black line between the arrow and the Popover content in x1.5 scaling.

adidahiya commented 3 years ago

This is a longstanding issue with popover layout when zoomed in. Open to ideas for fixing it... I'm all ears... duplicate of #1059, so let's keep discussion there.