From 0742a754b893383096773e1e31345da62387f70e Mon Sep 17 00:00:00 2001
From: Sagar Vora <sagar@resilient.tech>
Date: Wed, 28 Apr 2021 16:48:50 +0530
Subject: [PATCH] fix: add box-shadow on :focus for tab key navigation

---
 frappe/public/scss/common/global.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frappe/public/scss/common/global.scss b/frappe/public/scss/common/global.scss
index e6f14f6b17..6696c2eb4b 100644
--- a/frappe/public/scss/common/global.scss
+++ b/frappe/public/scss/common/global.scss
@@ -50,6 +50,15 @@ input[type="checkbox"] {
 		border: none;
 	}
 
+	&:focus {
+		outline: none; // Prevent browser behavior
+		box-shadow: 0 0 0 2px var(--gray-300);
+
+		[data-theme="dark"] & {
+			box-shadow: 0 0 0 2px var(--gray-600);
+		}
+	}
+
 	&.disabled-deselected, &:disabled {
 		background-color: var(--disabled-control-bg);
 		box-shadow: inset 0px 1px 7px rgba(0, 0, 0, 0.1);