Open zyxkad opened 8 months ago
When I use the <Password> component with <InputGroup> component, the border radius of password box would not reset by the inputgroup's style sheet, which will cause weird looking.
<Password>
<InputGroup>
https://stackblitz.com/edit/primevue-create-vue-issue-template-yksicw
3.49.0
3.x
TypeScript
Vite
No response
Example code:
<form @submit.prevent="login"> <InputGroup> <InputGroupAddon> <i class="pi pi-user"></i> </InputGroupAddon> <FloatLabel> <InputText name="username" autocomplete="username" v-model="username" /> <label for="username">Username</label> </FloatLabel> </InputGroup> <InputGroup> <InputGroupAddon> <i class="pi pi-lock"></i> </InputGroupAddon> <FloatLabel> <Password name="password" v-model="password" :feedback="false" :inputProps="{ autocomplete: 'current-password' }" /> <label for="password">Password</label> </FloatLabel> </InputGroup> <Button class="login-btn" type="submit" label="Login" icon="pi pi-sign-in" iconPos="center"/> </form>
The connection between the InputGroupAddon and Password component should be flat
same and why <Password /> don't have size props?
<Password />
Describe the bug
When I use the
<Password>
component with<InputGroup>
component, the border radius of password box would not reset by the inputgroup's style sheet, which will cause weird looking.Reproducer
https://stackblitz.com/edit/primevue-create-vue-issue-template-yksicw
PrimeVue version
3.49.0
Vue version
3.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
No response
Steps to reproduce the behavior
Example code:
Expected behavior
The connection between the InputGroupAddon and Password component should be flat