InputMessage flashes on page load

[nickneilsonblack]

Actual Behavior

When defining an input message for validation- the message is initially inactive and hidden. On page load the input message is briefly displayed before being hidden leading to a flash / visual artifact.

Expected Behavior

The message should not show up at all on page load / refresh.

Reproduction Sample

https://codepen.io/neilsonblack/pen/WNdOdqL

Reproduction Steps

1. Open codepen
2. Click Remove Input button
3. Click Load Input button - see the input message flash

Reproduction Version

1.0.0-beta.80

Relevant Info

No response

Regression?

No response

[macandcheese]

I think this may be a combination of #991 and, specifically to input message, this crazy animation that makes the root issue more noticeable : #4291

[nickneilsonblack]

Thanks @macandcheese - looks like the stencil fix we were waiting on for #991 was merged, also agree it would be nice to tone down the animation 👍

[driskull]

This seems like an error with the HTML in the codepen. If you remove all the calcite-hydrated="" then its fine.

[driskull]

@benelan can we close this one?

[benelan]

Thanks Matt, closing this issue as verified. The issue is resolved after removing calcite-hydrated="" from the repro sample.