calcite-input: input loses focus on every keypress when login info saved (safari)

[gpbmike]

Actual Behavior

Using Safari, If you use calcite-input in login form and choose to save email/password, when you return the inputs will lose focus on every keypress.

Blocked issues: #8126

calcite-input-safari-blur.mov

Expected Behavior

User should be able to freely type email and password without having to re-focus on the field.

Reproduction Sample

https://mikehorn.dev/calcite-input-saved-login/

https://github.com/gpbmike/calcite-input-saved-login (code)

Reproduction Steps

1. Use Safari.
2. Enter any email/password.
3. Save login info to browser.
4. Return to form.
5. Try to type email and password.
6. Every keypress causes input to blur.

Reproduction Version

beta.86

Relevant Info

No response

Regression?

No response

[github-actions]

It looks like this issue is missing some information:

• A codepen, codesandbox, or jsbin that reproduces the issue. Alternatively, a documentation sample can be used if the issue is reproducible.

Issues without reproduction samples may not be prioritized. If you were unable to create a sample, please try to answer any questions that arise once development begins. Thanks for your understanding.

[anveshmekala]

When inert is added similar to PR #5221 , the native HTML5 error messages are not showing up in safari /chrome or edge.

[jcfranco]

@eriklharper ☝️ this throws a wrench in the current solution. 🔧💨✋

[eriklharper]

Did some spike work on this, and I created a branch to track the work I did.
Based on that work I'd say that when we get to adding ElementInternals support to calcite-input, this should resolve the autofill issues with Safari (and potentially other browsers too). That branch requires creating a local ssl certificate named calcite.dev (I used mkcert as outlined in the instructions here. Thanks @gpbmike for that link! ;)) and also requires updating your HOSTS file to point calcite.dev to localhost. This is to get autofill to work.

[geospatialem]

Reallocated to November to determine if the element internals resolve the above via #8126.