fix(code-snippet): remove focus from snippet container

carbon-design-system · Jan 28, 2020 · 870e3a7 · 870e3a7
1 parent 5408899
commit 870e3a7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/components/src/components/code-snippet/_code-snippet.scss b/packages/components/src/components/code-snippet/_code-snippet.scss
@@ -90,6 +90,11 @@
     padding: 0 $spacing-03;
   }
 
+  .#{$prefix}--snippet--single .#{$prefix}--snippet-container,
+  .#{$prefix}--snippet--multi .#{$prefix}--snippet-container {
+    @include focus-outline('reset');
+  }
+
   // Single Line Snippet
   .#{$prefix}--snippet--single {
     @include bx--snippet;

diff --git a/packages/react/src/components/CodeSnippet/CodeSnippet.js b/packages/react/src/components/CodeSnippet/CodeSnippet.js
@@ -69,8 +69,6 @@ function CodeSnippet({
   return (
     <div {...rest} className={codeSnippetClasses}>
       <div
-        role="textbox"
-        tabIndex={0}
         className={`${prefix}--snippet-container`}
         aria-label={ariaLabel || copyLabel || 'code-snippet'}>
         <code>