neatcss icon indicating copy to clipboard operation
neatcss copied to clipboard

Blue border on links

Open codazoda opened this issue 1 year ago • 5 comments

When I click on a link a blue border is drawn around that link. I believe this is default browser behavior but I think I'd like to remove that border. Most of the time you don't notice this because it goes so quickly. I noticed it on notes.joeldare.com when I added a link to a form with a target of _blank.

codazoda avatar Mar 26 '24 13:03 codazoda

I fixed this in the upcoming version.

codazoda avatar Mar 26 '24 13:03 codazoda

Looks like my fix didn't work. I need to take a second look at this.

codazoda avatar Mar 26 '24 14:03 codazoda

This is mostly visible on https://notes.joeldare.com when you click Leave a Comment. That link has a target of _blank which causes it to open in a new window. When you close that window you're back to the page with the blue border turned on.

codazoda avatar Mar 26 '24 14:03 codazoda

Hey, I’ve tried clicking with Firefox Developer Edition on macOS and Arc on macOS, and I didn’t encounter this bug. Maybe it’s an issue with the native browser’s interpretation? Regars, ^dkp

dkp-consult avatar Aug 02 '24 12:08 dkp-consult

I can reproduce this issue with Firefox 128 using Arch Linux but removing the following snippet appears to solve it 🤔

*:focus {
  outline: var(--light);
  box-shadow: 0 0 0 .25em var(--link);
}

DeJayDev avatar Aug 02 '24 14:08 DeJayDev