From 6748538031ba880f24b96e503eb0883c63cf616a Mon Sep 17 00:00:00 2001 From: Chandra Kant Paliwal Date: Wed, 26 Jun 2024 14:40:36 +0530 Subject: [PATCH] focus component update for ignore code snippet components to focus Signed-off-by: Chandra Kant Paliwal --- .../src/components/FocusComponent/FocusComponent.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/packages/apollo/src/components/FocusComponent/FocusComponent.js b/packages/apollo/src/components/FocusComponent/FocusComponent.js index 40693774..f13e9dcb 100644 --- a/packages/apollo/src/components/FocusComponent/FocusComponent.js +++ b/packages/apollo/src/components/FocusComponent/FocusComponent.js @@ -35,6 +35,7 @@ class FocusComponent extends Component { let className = element.className; className = className && typeof className === 'string' ? className.trim() : ''; const currentStyle = element.tagName ? window.getComputedStyle(element) : {}; + if (currentStyle.display === 'none') { // don't set focus on hidden sections return false; @@ -51,6 +52,14 @@ class FocusComponent extends Component { // don't set focus on toolips return false; } + + // To disable default focus on code snippet + if (element?.children?.length) { + if (element.children[0].tagName.toLowerCase() === 'code') { + return false; + } + } + let tabIndex = element.getAttribute ? element.getAttribute('tabIndex') : element.tabIndex; if (tabIndex) { tabIndex = Number(tabIndex);