Increase autocomplete panel

UI Components for Vue
Post Reply
carlosjz
Posts: 1
Joined: 14 Aug 2023, 11:04

16 Aug 2023, 14:03

Hello!

I am trying to style my autocomplete component to make it look like Material Design. I have applied some styles and it looks great.

However, as you can see in the image, the panel only adjusts its size to fit the input field, and not the input field + button (or the entire container div). How can I achieve this behaviour?

Because it looks like the panel width is calculated automatically in the overlay, and I can't find a way to do it myself. Also, as it is outside the container div (of the input + button) I cannot make the panel fit the div width, so I'm running out of ideas. Any help would be really appreciated.

Image

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

22 Aug 2023, 15:58

Hi,

You could use pt property or props of AutoComplete like: https://primevue.org/autocomplete/#api. ... inputStyle

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 12 guests