• components: Input, CustomInput, CustomFileInput
• reactstrap version #8.4.1
• import method es
• react version #16.12.0
• bootstrap version #4.3.1

What is happening?

Input's that are invalid (i.e. have the invalid prop set to true), do not have the aria-invalid attribute applied.

What should be happening?

Invalid input's have aria-invalid attribute.

Ste

<AvField label='Add Link' validate={{
  pattern:{ value: /(^|\s)((https?:\/\/)[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/gi, errorMessage:'Invalid URL entered' },
  maxLength:{ value: 2048, errorMessage:'URL\'s longer than 2048 characters are not accepted' },
  required: { value: true, errorMessage:'Enter a URL' }
}} />

if omit the gi modifier to the regex, the field works correctly

TODO:

• (Completed by @thebishaldeb)Typescript setup
• add/use types
• Review

PRs should target typescriptmigrationWIP branch

In /src/layouts/Admin/Admin.js -> Line 65:::

  document.documentElement.className.add("perfect-scrollbar-off");

className should be classList

Version

1.0.0

Reproduction link

https://demos.creative-tim.com/now-ui-kit-pro-react/#/documentation/forms

Operating System

macOS 10.14.5

Device

MacBook Pro

Browser & Version

Chrome 76.0.3809.100

Steps to reproduce

1. Go to the sizing section ( https://demos.creative-tim.com/now-ui-kit-pro-react/#/documentation/forms )
2. Large, default and small selects are all