Make code highlight unfocusable

primefaces · Oct 3, 2023 · b31cd77 · b31cd77 · vercel · Oct 3, 2023
1 parent 072b3b2
commit b31cd77
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/app/showcase/layout/doc/code/app.code.component.ts b/src/app/showcase/layout/doc/code/app.code.component.ts
@@ -3,7 +3,7 @@ import { Component, ElementRef, Input, NgModule, ViewChild } from '@angular/core
 import { ButtonModule } from 'primeng/button';
 import { TooltipModule } from 'primeng/tooltip';
 import { Code, ExtFile, RouteFile } from 'src/app/showcase/domain/code';
-import { useStackBlitz, useCodeSandbox } from '../codeeditor';
+import { useCodeSandbox, useStackBlitz } from '../codeeditor';
 
 @Component({
     selector: 'app-code',
@@ -36,6 +36,7 @@ export class AppCodeComponent {
         if (typeof window !== undefined && window['Prism'] && this.codeElement && !this.codeElement.nativeElement.classList.contains('prism')) {
             window['Prism'].highlightElement(this.codeElement.nativeElement);
             this.codeElement.nativeElement.classList.add('prism');
+            this.codeElement.nativeElement.parentElement.setAttribute('tabindex', '-1');
         }
     }