소스 검색

only focus code blocks if overflow

Heydon Pickering 8 년 전
부모
커밋
ff8f5374b2
3개의 변경된 파일6개의 추가작업 그리고 2개의 파일을 삭제
  1. 3 1
      docs/js/dom-scripts.js
  2. 0 0
      docs/service-worker.js
  3. 3 1
      themes/infusion/static/js/dom-scripts.js

+ 3 - 1
docs/js/dom-scripts.js

@@ -117,8 +117,10 @@
   Array.prototype.forEach.call(codeBlocks, function (block) {
     if (block.querySelector('code')) {
       block.setAttribute('role', 'region');
-      block.setAttribute('tabindex', '0');
       block.setAttribute('aria-label', 'code sample');
+      if (block.scrollWidth > block.clientWidth) {
+        block.setAttribute('tabindex', '0');
+      }
     }
   });
 }());

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
docs/service-worker.js


+ 3 - 1
themes/infusion/static/js/dom-scripts.js

@@ -117,8 +117,10 @@
   Array.prototype.forEach.call(codeBlocks, function (block) {
     if (block.querySelector('code')) {
       block.setAttribute('role', 'region');
-      block.setAttribute('tabindex', '0');
       block.setAttribute('aria-label', 'code sample');
+      if (block.scrollWidth > block.clientWidth) {
+        block.setAttribute('tabindex', '0');
+      }
     }
   });
 }());

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.