Expose slotted input feature on field components

[web-padawan]

Because of Shadow DOM limitations, our components such as vaadin-text-field do not work well with autocomplete and some password managers because the <input> element is not in the light DOM by default.

We have undocumented slotted <input> feature in vaadin-text-field but not in other components.
At the same time we have the following components that support providing a custom input in a different way.

• vaadin-combo-box-light
• vaadin-date-picker-light

Let's discuss if we should implement slotted <input> support in all the components for consistency.

Related issues:

• https://github.com/vaadin/vaadin-text-field/issues/67
• https://github.com/vaadin/vaadin-form-layout/issues/74
• https://github.com/vaadin/vaadin-text-field/issues/534

[mvysny]

Also related to https://github.com/vaadin/vaadin-login/issues/96 since this effectively prevents you from placing Vaadin components into the Login component as custom content, since the username/password autocompletion will be disabled.

[web-padawan]

Another related issue is https://github.com/vaadin/vaadin-core/issues/238 (field wrapper component).

[lkraav]

In our case, slotted input feature is highly useful to integrate with existing GUI form-building backend mini-apps, for visual upgrade. Advanced and very expensive to reimplement JS-based features like conditional logic, multi-page etc can stay compatible with much less work - if they have input available for processing in light DOM.

[web-padawan]

Prototype which we can use for inspiration: https://vaadin-form-prototype.glitch.me

[knoobie]

@web-padawan Impressive work! Looks really promising!

[web-padawan]

Thanks! The prototype is actually created by @jouni

[web-padawan]

Closing as shipped in Vaadin 22 stable release that landed today.