Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AutoComplete: new dropdownClass prop #3350

Closed
ig-onoffice-de opened this issue Nov 30, 2022 · 1 comment
Closed

AutoComplete: new dropdownClass prop #3350

ig-onoffice-de opened this issue Nov 30, 2022 · 1 comment
Assignees
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@ig-onoffice-de
Copy link
Contributor

Describe the bug

I am using the p-inputtext-sm class for my inputs. But for an the Autocomplete with DropDown-Button enabled the setting does not work correctly. The input is (because of the button) always higher than the other ones.

Reproducer

https://codesandbox.io/s/awesome-vaughan-ktnkjy?file=/src/App.vue

PrimeVue version

3.19.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

Just open the reproduction and see that the second autocomplete is higher than the Input Element.

Expected behavior

They should be of the same size.

@ig-onoffice-de ig-onoffice-de added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 30, 2022
@tugcekucukoglu tugcekucukoglu added Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Dec 2, 2022
@tugcekucukoglu tugcekucukoglu added this to the 3.21.0 milestone Dec 2, 2022
@tugcekucukoglu tugcekucukoglu self-assigned this Dec 2, 2022
@tugcekucukoglu tugcekucukoglu changed the title AutoComplete: Dropdown and p-inputtext-sm not working AutoComplete: new dropdownIcon prop Dec 2, 2022
@tugcekucukoglu tugcekucukoglu changed the title AutoComplete: new dropdownIcon prop AutoComplete: new dropdownClass prop Dec 2, 2022
@tugcekucukoglu
Copy link
Member

This new property could be used like this:

<AutoComplete class="p-inputtext-sm" :dropdown="true" dropdownClass="p-button-sm" />

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

No branches or pull requests

2 participants