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;
}
p-dropdown height changes based on editable value
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
Can you create plunker example (http://plnkr.co/edit/6q5v84DWolH6DeAdi70w?p=preview)?
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
Note, I created an issue in GIT for the primeng project
-
- Information
-
Who is online
Users browsing this forum: No registered users and 4 guests