So, in my website, I added the tabIndex property so I could tab trough the links, and I added some outline while the button was focused. The problem is that when I was clicking them, so when they were active, the outline would appear. To remove it, I made the link:active with no outline and it fixed the problem.
But, now, if I click the link and drag it outside because I dont want to click it anymore (or for some other reason), and then release, the :focus state is still triggered, how can I fix it, I want the outline only when it's actually needed