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

[shivapersad]

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:

Thanks for your assistance.

[shivapersad]

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

[shivapersad]

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

[PeterStaev]

@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.