react-border-wrapper icon indicating copy to clipboard operation
react-border-wrapper copied to clipboard

Published 20 hours ago • verified publisher icon Metroxe

Dotted line border doesn't match up on corners and sides

Open httpJunkie opened this issue 6 years ago • 3 comments

Describe the bug I see overlapping of dots on border-radius corners and sides which visually is not very appealing.

Props to Reproduce Simply choose dotted as a border

Screenshots Take a screenshot of the style in the playground image

Additional context (Optional) I know this is a tough thing to fix, I don't have a great solution, CSS tricks and StackOverflow have some ideas on using images to fix this, but I'm not sure if this is an acceptable approach.

httpJunkie avatar Mar 22 '19 15:03 httpJunkie

To be honest I did discover this, and you are right. It will be tricky to solve, because those are 3 separate divs, and I need so somehow predict where the dotted lines are going to separate. I'm going to try looking into this.

Metroxe avatar Mar 22 '19 15:03 Metroxe

It's an issue with and without border-radius so it poses some challenges.

httpJunkie avatar Mar 22 '19 20:03 httpJunkie