ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: only show slider focus ring on keyboard navigation

Browse Source 
Replace focus: with focus-visible: on range input so the
orange ring only appears during keyboard nav, not on click.
This commit is contained in:
Usman Baig
2026-03-27 12:26:54 +01:00
parent c7cf50ef1d
commit a495ef8389
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/PricingSection.tsx
View File

@@ -230,7 +230,7 @@ export default function PricingSection() {
onChange={(e) => setSliderIndex(parseInt(e.target.value))} onChange={(e) => setSliderIndex(parseInt(e.target.value))}
aria-label="Monthly pageview limit" aria-label="Monthly pageview limit"
aria-valuetext={`${currentTraffic.label} pageviews per month`} aria-valuetext={`${currentTraffic.label} pageviews per month`}
className="w-full h-2 bg-neutral-700 rounded-lg appearance-none cursor-pointer accent-brand-orange focus:outline-none focus:ring-2 focus:ring-brand-orange focus:ring-offset-2" className="w-full h-2 bg-neutral-700 rounded-lg appearance-none cursor-pointer accent-brand-orange focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-orange focus-visible:ring-offset-2"
/> />
</div> </div>