primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Dropdown Item list responsive issue

Open Bilal-Bangash opened this issue 3 years ago • 3 comments
trafficstars

image list items for larger text is not responsive. Above screenshot from Autocomplete Dropdown but it's in other Dropdown component too

Bilal-Bangash avatar Jan 12 '22 10:01 Bilal-Bangash

Just set it with panelStyle or panelStyleClass you can change the width to whatever you want. I don't understand what the issue is?

melloware avatar Jan 12 '22 12:01 melloware

Just set it with panelStyle or panelStyleClass you can change the width to whatever you want. I don't understand what the issue is?

if you check the width of item list image which is larger then input field this need to be fixed

Bilal-Bangash avatar Jan 12 '22 13:01 Bilal-Bangash

Yes what I am saying is why not just set it with panelStyle or panelStyleClass by default it is the width of the LARGEST item in the list which is good default behavior.

image

That is the correct default behavior if you want different behavior then set it with the panel CSS properties provided.

melloware avatar Jan 12 '22 13:01 melloware

I think @Bilal-Bangash is right. Using the multiselect component (same data) the width is fine by default.

image (top dropdown, bottom multiselect)

pthrrr avatar Sep 28 '22 13:09 pthrrr

@pierrefabarius your screenshot is showing the closed Dropdown or Multiselect. What the ticket is the user wants the dropdown Panel to be the same width as the dropdown.

melloware avatar Sep 28 '22 13:09 melloware

Going to close this as I am still confused what the issue is and panel and panelStyle handle the sizing if you want to override defaults.

melloware avatar Dec 07 '22 16:12 melloware

this is mentioned in 9.0.0-beta.1 to be fixed. Was there a code change and what is the change about?

Dropdown Item list responsive issue https://github.com/primefaces/primereact/issues/2574

raDiesle avatar Feb 08 '23 09:02 raDiesle

I removed it from those release notes. There was no fix simply set PanelStyle.

melloware avatar Feb 08 '23 09:02 melloware