autocomplete-matches.js

import { sanitize } from '../commons/text';
import standards from '../standards';
import { isVisibleToScreenReaders, isVisibleOnScreen } from '../commons/dom';
import { parseTabindex } from '../core/utils';
import { getExplicitRole } from '../commons/aria';

function autocompleteMatches(node, virtualNode, flag = false) {
  const autocomplete = virtualNode.attr('autocomplete');
  if ((!autocomplete || sanitize(autocomplete) === '') && !flag) {
    return false;
  }

  const nodeName = virtualNode.props.nodeName;
  if (['textarea', 'input', 'select'].includes(nodeName) === false) {
    return false;
  }

  // The element has a `readonly` or `aria-readonly="true"` attribute
  const ariaReadonly = virtualNode.attr('aria-readonly') || 'false';
  if (
    virtualNode.hasAttr('readonly') ||
    ariaReadonly.toLowerCase() === 'true'
  ) {
    return false;
  }

  // The element is an `input` element a `type` of `hidden`, `button`, `submit` or `reset`
  const excludedInputTypes = [
    'submit',
    'reset',
    'button',
    'hidden',
    'checkbox',
    'file',
    'image',
    'radio'
  ];
  if (
    nodeName === 'input' &&
    excludedInputTypes.includes(virtualNode.props.type)
  ) {
    return false;
  }

  // The element has a `disabled` or `aria-disabled="true"` attribute
  const ariaDisabled = virtualNode.attr('aria-disabled') || 'false';
  if (
    virtualNode.hasAttr('disabled') ||
    ariaDisabled.toLowerCase() === 'true'
  ) {
    return false;
  }

  // The element has `tabindex="-1"` and has a [[semantic role]] that is
  //   not a [widget](https://www.w3.org/TR/wai-aria-1.1/#widget_roles)
  const role = getExplicitRole(virtualNode);
  const tabIndex = parseTabindex(virtualNode.attr('tabindex'));
  if (tabIndex < 0 && virtualNode.hasAttr('role')) {
    const roleDef = standards.ariaRoles[role];
    if (roleDef === undefined || roleDef.type !== 'widget') {
      return false;
    }
  }

  // The element is **not** visible on the page or exposed to assistive technologies
  if (
    tabIndex < 0 &&
    virtualNode.actualNode &&
    !isVisibleOnScreen(virtualNode) &&
    !isVisibleToScreenReaders(virtualNode)
  ) {
    return false;
  }

  return true;
}

export default autocompleteMatches;