When you use an InputText component outside of a Form component - note the capital F here - (e.g. inside a native <form> element or otherwise) and you apply a name attribute to that InputText component, then the name attribute is not rendered in the resulting markup.
This is a regression from previous versions of Primevue, and is not mentioned in any changelog. Therefore, I'm assuming its a bug.
Examples on the component's documentation feature the component being used outside of the <Form> parent (e.g. within a <div>), and do not indicate that certain fields will only render within a given context.
Arsolitt
commented
1 week ago
Describe the bug
When you use an InputText component outside of a
Formcomponent - note the capital F here - (e.g. inside a native<form>element or otherwise) and you apply anameattribute to that InputText component, then thenameattribute is not rendered in the resulting markup.This is a regression from previous versions of Primevue, and is not mentioned in any changelog. Therefore, I'm assuming its a bug.
Examples on the component's documentation feature the component being used outside of the
<Form>parent (e.g. within a<div>), and do not indicate that certain fields will only render within a given context.Since
names are used for native form submission, the removal of this functionality is, I believe, a breaking change.Reproducer
https://stackblitz.com/edit/nlblb9-7eepxq?file=src%2FApp.vue,package.json
PrimeVue version
4.2.0
Vue version
4.x
Language
TypeScript
Build / Runtime
Nuxt
Browser(s)
No response
Steps to reproduce the behavior
Add a
nameattribute to an InputText element.View the resulting HTML rendered.
NB: This also affects other input types too - but InputText is the most widely used and easy to reproduce.
Expected behavior
The
nameattribute set on the InputText element should appear on theinputelement in the HTML, as described in the documenation.e.g.
...should render....