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.

(Angular/CDK) Expose more methods from interactivity-checker

See original GitHub issue

I want to use some methods like isNativeFormElement, isHiddenInput, isInputElement and isAnchorElement from interactivity-checker, but I find they are not accessible from InteractivityChecker service. eg: isNativeFormElement https://github.com/angular/material2/blob/master/src/cdk/a11y/interactivity-checker.ts#L155

Can we move those functions into the InteractivityChecker service so that we can access them?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:10 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
changLiuUNSWcommented, Aug 16, 2017

We mainly use them for accessibility purpose. For example:

  1. Find find first native form element and trigger focus. (isNativeFormElement)
  2. Find element with tabIdex=-1 and trigger focus. (getTabIndexValue)
  3. Find first focusable elements and trigger focus. (isPotentiallyFocusable)
0reactions
angular-automatic-lock-bot[bot]commented, Jul 30, 2020

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Accessibility - Angular Material
InteractivityChecker is used to check the interactivity of an element, capturing disabled, visible, tabbable, and focusable states for accessibility ...
Read more >
Create a component harness for your tests with Angular CDK
The TestElement interface holds these methods for interaction ... However, we should only expose TestElement s to our consumers (test cases ...
Read more >
3 Ways to Create a Modal Window With the Angular CDK
In this blog, modal refers to any content that appears on top of everything else and blocks interaction with the rest of the...
Read more >
What could go wrong? How to handle errors in Angular
When that method was called, a modal dialog popped up and the user ... In order for us to be able to put...
Read more >
Angular Material Drag and Drop – Strengths and Limitations
Once the module is imported, the cdkDropList and cdkDrag directives specify the drop zone and draggable elements. The module also exposes ...
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