p-dropdown height changes based on editable value

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
aflorin
Posts: 69
Joined: 13 Dec 2017, 19:01

19 Jan 2018, 01:37

The p-dropdown control's height changes based on the editable value:

If it editable=true, height = 28px
if it editable=false, height = 33px

Also, both values are inconsistent with the text box control's height which is 30px

It would be very nice of all the single row form control heights were consistent.

Also, forcing the height via css to be 30px (see below) causes the bottom border to of the dropdown control to get cut off

.ui-dropdown {
height: 30px;
}

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

26 Jan 2018, 13:47

Can you create plunker example (http://plnkr.co/edit/6q5v84DWolH6DeAdi70w?p=preview)?

aflorin
Posts: 69
Joined: 13 Dec 2017, 19:01

27 Jan 2018, 22:37

After more research, I found the problem is with the p-card control. It's the .ui-card-content=1.5 style which is causing the problem with the heights of controls placed inside the card. Turning that off in Chrome Dev tools corrects the different heights of the drop down controls as well as various other controls.

Note, I created an issue in GIT for the primeng project

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

09 Feb 2018, 12:47

Thank you, we will fix as soon as.

Post Reply

Return to “Avalon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests