Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

tabbable breaks when processing an element with a "scope" attribute

See original GitHub issue

I have a situation where a TH element has both scope="col" and tabindex="0" attributes, which is causing Tabbable to break with "Cannot read properties of undefined (reading ‘forEach’).

index.js:425 Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach’) at e (index.js:425:14) at index.js:429:32 at Array.forEach (<anonymous>) at e (index.js:425:14) at e.tabbable (index.js:473:10)

Tabbable appears to be evaluating !! item.scope as true because the attribute is present, and assumes there is a ShadowRoot to process.

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
stefcameroncommented, Oct 28, 2022

FYI, this was fixed in tababble v6.0.1

1reaction
allcontributors[bot]commented, Oct 27, 2022

@stefcameron

I’ve put up a pull request to add @les-lim! 🎉

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using the scope attribute to associate header cells and ... - W3C
The scope identifies whether the cell is a header for a row, column, or group of rows or columns. The values row ,...
Read more >
ANDI - Alerts - SSA
ANDI's Table Analysis Mode is set to "scope" and this element has a scope attribute but the value is invalid. If scope associations...
Read more >
page-break-after - CSS: Cascading Style Sheets | MDN
The page-break-after CSS property adjusts page breaks after the current element. This property applies to block elements that generate a box.
Read more >
The autofocus attribute - HTML Standard - whatwg
It contains all elements in owner 's focus navigation scope that are themselves focus navigation scope owners, except the elements whose ...
Read more >
Tag Helpers in ASP.NET Core | Microsoft Learn
Tag Helpers scope is controlled by a combination of @addTagHelper ... Tag Helpers do not allow C# in the element's attribute or tag ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

"No focusable element" error thrown if children are hidden.

Next page

v5.3.0 breaks literally all of our usage of `tabbable` 😅 when called on a node not attached to the document