atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
11.86k stars 520 forks source link

Arrow of tippy is ending sharply when adding border through broder.css #1098

Open monishanalluru opened 1 year ago

monishanalluru commented 1 year ago

Bug description

Tippy provides a way to add border around the popout through border.css. When added in the above suggested way the arrows are not ending with the container level, the arrow ending are extended into the container.

image

This issue is more noticeable when the tippy is shown on the right or bottom of the reference element.

Reproduction

CodePen link: https://codepen.io/Monisha98/pen/eYjJZza Click on the button to open the tippy in general it could be seen the arrows are not ending evenly. If not the issue can be reproducible through zoom.