☑️ Resolves

HTML Validation issue.

Currently NcTextField passes both $attrs and $props to the NcInputField.

<NcInputField v-bind="{ ...$attrs, ...$props }">

While passing $attrs makes sense, passing $props is valid only when both components have exactly the same props. But they don't. NcTextField has its own prop trailingButtonIcon and may have more props in the future.

Proposal: same as NcPopover

Currently, all NcInputField props are defined as NcTextField props. But actually they are not NcTextField props. They are not used but NcTextField, it is not aware of most of them at all. It is used only for styleguidist documentation generation.

The proposal is to make component a transparent wrapper by passing attributes directly, defining only necessary props.

Alternative solution:

While I personally prefer this solution, there is an alternative: filter out props on proxying.

See: #4666

🖼️ Screenshots

trailingbuttonicon is not a valid <input> attribute.

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable