search

PeterStaev / NativeScript-Drop-Down

A NativeScript DropDown widget.
Apache License 2.0
105 stars 65 forks source link

TNS 3 and 3.1: Border for DropDown element not being displayed #112

Closed shivapersad closed 6 years ago

shivapersad commented 7 years ago

Good day,

I recently upgraded to {N}3.0.3 and then to {N}3.1. In {N}3.0.3 the border for a DropDown element I had in my mobile app is not being displayed. I upgraded to {N}3.1 and this issue is still occurring. I deleted the contents of my node_modules folder and performed "npm i" to have the latest version of the DropDown npm module.

CSS code below:

Dropdown {

width: 95%;
height: 25%;
color: #000000;
margin-bottom: 7em;
margin-left: 2.5%;
margin-right: 2.5%;
border-color: #97D700;
background-color: #ffffff; /* white */
border-width: 2em;
text-align: center;
font-weight: bold;

}

HTML code:

<Dropdown id="dd" #fuel [items]="fuels" [selectedIndex]="selectedFuelIndex" [hint]="hint" (selectedIndexChanged)="onChangeFuel(fuel.selectedIndex)" (opened)="openFuel()" [color]="color">

Displayed on screen: image

Thanks for your assistance.

shivapersad commented 7 years ago

This issue seems to only be affecting the iOS version of the app. The Android version displays correctly.

shivapersad commented 7 years ago

Hi @PeterStaev, Any feedback on this? Were you able to reproduce the problem? Thanks.

PeterStaev commented 7 years ago

@shivapersad , this is probably a bug but I have not got the time to trace/fix it. As a workaround you can always wrap the widget in a layout and apply the border on the layout.