search

sneas / img-comparison-slider

Image comparison slider. Compare images before and after. Supports React, Vue, Angular.
https://img-comparison-slider.sneas.io
MIT License
657 stars 47 forks source link

🪲 Blue line appeares when selecting the slider. #130

Closed sanketkheni01 closed 9 months ago

sanketkheni01 commented 11 months ago

image

How to reproduce:- Devices :- only mobile

When selecting the slider, a blue line appears at the bottom.

sneas commented 9 months ago

Oh, I'm very sorry for the late response. This issue somehow went below my radar. You can get rid of the blue line by disabling the :focus outline on the component:

img-comparison-slider {
  outline: none;
}

Just fyi, the focus outline serves the accessibility purpose, as it indicates when the element is selected and can be controlled by the keyboard.