vue3-popper icon indicating copy to clipboard operation
vue3-popper copied to clipboard

--popper-theme-border-width affects arrow

Open adamreisnz opened this issue 3 years ago • 1 comments

Description of the bug If you don't want a border around the popper and use --popper-theme-border-width: 0, this also removes the arrow completely. It looks like the arrow size is linked to the same --popper-theme-border-width variable.

To Reproduce Steps to reproduce the behavior:

  1. Set arrow property, observe an arrow shows up
  2. Set the --popper-theme-border-width var to 0
  3. Observe arrow is gone

Expected behavior Arrow size to have independent styling variable from the popper's own border

Screenshots With border 2px:

image

With border 0: image

Border is correctly removed, but arrow is gone.

adamreisnz avatar Dec 21 '21 10:12 adamreisnz

@adamreisnz I also faced the same issue. It seems that along with the 0 value, "px" must be added as well. Cheers

jimmleon avatar Jun 10 '22 11:06 jimmleon