[Ionic v4-beta.3] ion-input: validation attributes are not working

Bug Report

Ionic Info Run ionic info from a terminal/cmd prompt and paste the output below.

Ionic:

   ionic (Ionic CLI) : 4.1.0
   @ionic/core           : 4.0.0-beta.3
   @stencil/core         : 0.11.4
   aurelia-fetch-client  : 1.3.1
   choices.js            : 3.0.4
   handlebars            : ^4.0.11
   ionicons              : ^4.3.0
   quill                 : ^1.3.6
   @stencil/sass         : ^0.1.0

System:

   NodeJS : v8.11.3
   npm    : 5.6.0
   OS     : Windows 10

Describe the Bug Form input validation like required, maxlength, min, max, etc. are not working inside a form

Steps to Reproduce

      <form>
        <ion-list>
          <ion-item>
            <ion-label position="floating">Input</ion-label>
            <ion-input name="input" required maxlength={150} autofocus></ion-input>
          </ion-item>
        </ion-list>
        <button type="submit">Confirm</button>
      </form>

Expected Behavior The input field should be validated on form submit.

Additional Context The ion-input is generating two inputs with the same name: one visible input with validation attributes and one hidden input without the attributes. The form is validation only the hidden input.

[MrSparklle]

The min and max properties also doesn’t work: The input accepts values over 999. The form keeps valid. Tested on BETA-11:

<ion-input type="number" min="0" max="999"></ion-input>

[manucorporat]

This should be fixed now that shadow-dom has been disabled for ion-input!