Core: Add `tabindex` to code blocks to enable keyboard navigation (#2799)
This commit is contained in:
parent
7e5f78ffd5
commit
dbf7051558
|
@ -558,6 +558,12 @@ var _ = {
|
|||
|
||||
_.hooks.run('before-sanity-check', env);
|
||||
|
||||
// plugins may change/add the parent/element
|
||||
parent = env.element.parentElement;
|
||||
if (parent && parent.nodeName.toLowerCase() === 'pre' && !parent.hasAttribute('tabindex')) {
|
||||
parent.setAttribute('tabindex', '0');
|
||||
}
|
||||
|
||||
if (!env.code) {
|
||||
_.hooks.run('complete', env);
|
||||
callback && callback.call(env.element);
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -73,7 +73,7 @@
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line671">line 671</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line677">line 677</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -152,7 +152,7 @@
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line686">line 686</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line692">line 692</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -314,7 +314,7 @@ Hooks are usually directly run by a highlight function but you can also run hook
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line703">line 703</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line709">line 709</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
|
|
@ -263,7 +263,7 @@ Prism.manual = true;
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line612">line 612</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line618">line 618</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -1157,7 +1157,7 @@ Mostly useful when <code>async</code> is <code>true</code>, since in that case,
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line648">line 648</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line654">line 654</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
|
|
@ -80,7 +80,7 @@
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line737">line 737</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line743">line 743</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -364,7 +364,7 @@
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line764">line 764</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line770">line 770</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -447,7 +447,7 @@
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line756">line 756</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line762">line 762</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -524,7 +524,7 @@
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line747">line 747</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line753">line 753</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
|
|
@ -143,7 +143,7 @@
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line1190">line 1190</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line1196">line 1196</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -274,7 +274,7 @@
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line1169">line 1169</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line1175">line 1175</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -559,7 +559,7 @@ each another.</p></td>
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line1198">line 1198</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line1204">line 1204</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -713,7 +713,7 @@ each another.</p></td>
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line1208">line 1208</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line1214">line 1214</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
@ -859,7 +859,7 @@ each another.</p></td>
|
|||
|
||||
<dt class="tag-source">Source:</dt>
|
||||
<dd class="tag-source"><ul class="dummy"><li>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line769">line 769</a>
|
||||
<a href="prism-core.js.html">prism-core.js</a>, <a href="prism-core.js.html#line775">line 775</a>
|
||||
</li></ul></dd>
|
||||
|
||||
|
||||
|
|
|
@ -611,6 +611,12 @@ var _ = {
|
|||
|
||||
_.hooks.run('before-sanity-check', env);
|
||||
|
||||
// plugins may change/add the parent/element
|
||||
parent = env.element.parentElement;
|
||||
if (parent && parent.nodeName.toLowerCase() === 'pre' && !parent.hasAttribute('tabindex')) {
|
||||
parent.setAttribute('tabindex', '0');
|
||||
}
|
||||
|
||||
if (!env.code) {
|
||||
_.hooks.run('complete', env);
|
||||
callback && callback.call(env.element);
|
||||
|
|
6
prism.js
6
prism.js
|
@ -563,6 +563,12 @@ var _ = {
|
|||
|
||||
_.hooks.run('before-sanity-check', env);
|
||||
|
||||
// plugins may change/add the parent/element
|
||||
parent = env.element.parentElement;
|
||||
if (parent && parent.nodeName.toLowerCase() === 'pre' && !parent.hasAttribute('tabindex')) {
|
||||
parent.setAttribute('tabindex', '0');
|
||||
}
|
||||
|
||||
if (!env.code) {
|
||||
_.hooks.run('complete', env);
|
||||
callback && callback.call(env.element);
|
||||
|
|
Loading…
Reference in New Issue