PeterStaev / NativeScript-Drop-Down

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

hard to click on just text item / not block element / not filling width #69

Closed x00 closed 7 years ago

x00 commented 7 years ago

Again may be angular

The option menu items are not styled easily and appear to have minimum width and so much of the menu is not click-able becuase the they don't fill the width of the menu. You can add padding tot he menu which has an effect on proportion but the item itself is still a small target.

Maybe having a template for the menu items could help.

x00 commented 7 years ago
$ tns info
All NativeScript components versions information
┌──────────────────┬─────────────────┬────────────────┬───────────────┐
│ Component        │ Current version │ Latest version │ Information   │
│ nativescript     │ 2.5.0           │ 2.5.0          │ Up to date    │
│ tns-core-modules │ 2.5.0           │ 2.5.0          │ Up to date    │
│ tns-android      │ 2.5.0           │ 2.5.0          │ Up to date    │
│ tns-ios          │                 │ 2.5.0          │ Not installed │
└──────────────────┴─────────────────┴────────────────┴───────────────┘

[ro.board.platform]: [msm8916]
[ro.build.version.sdk]: [23]
[ro.mot.build.version.sdk_int]: [24]
[ro.product.brand]: [motorola]
[ro.product.manufacturer]: [motorola]
[ro.product.model]: [XT1562]
[ro.product.name]: [lux_reteu]
[ro.revision]: [p2c0]
PeterStaev commented 7 years ago

Hey @x00 , I cannot simulate this behavior with the demo app, so I need more details what style are you applying, what is the layout, etc. Thanks.

x00 commented 7 years ago

I will try to recreate it ins a small app.

x00 commented 7 years ago

issue caused by

stack-layout {
        horizontal-align: center;
}

Once this is removed works correctly