Date Input Error Width

[joshbruce]

Still compiling a view generator. Added error design pattern to the Date Input element. Ran into an issue with the input width setting:

After appending:

.usa-input-error input {
width: 100% !important;
}

[maya]

@jbrucegsa thanks for opening this! Is the issue only with date inputs or was there an issue with standard text inputs as well?

[joshbruce]

@maya No worries - really hoping to help this project out.

Unfortunately, I haven't made it through everything yet.

With the standard CSS, there did not seem to be a visual change to other text inputs - almost like the declaration could be removed without any side-effects.

The only other pattern of inputs I think might be affected would be in the name or address forms, but I have not gotten there yet in the following project: https://github.com/jbrucegsa/uswds

(Hope that project is kosher with y'all. Starting with PHP and available through Packagist to set up a prototyping environment locally. Considering ports to straight JS in the near future. If you setup a local PHP server (MAMP or XAMPP or something else) and point to "public" you should see the outputs using the compiled CSS and UI generator.)