search

JoshDSommer / nativescript-ngx-shadow

Angular directive to apply shadows to native elements according to the elevation level guidelines of material design specification
Apache License 2.0
9 stars 6 forks source link

iOS: Button tap events stop working when under a nested route #14

Open jnorkus opened 5 years ago

jnorkus commented 5 years ago

Which platform(s) does your issue occur on?

Please, provide the following version numbers that your issue occurs with:

Please, tell us how to recreate the issue in as much detail as possible.

Create a router-outlet and a child route component for it. Add a Button element with a shadow directive and a (tap) event handler. When navigated to this route, the button works inconsistently: sometimes it stops working after a few taps, sometimes it doesn't work at all.

Is there any code involved?

I have reproduced this issue in a hello world app, putting the item-details.component into a router-outlet and adding a Button inside of it. The router only works once for some reason - couldn't be bothered to fix but that's not what this is about. ns-test-shadow.zip

erkanarslan commented 5 years ago

I have the same problem. Buttons works for the first a few times, then stops working. Also I have a SearchBar in a stack-layout that has the shadow directive. I cannot listen to textChange event of the searchbar. It seems like shadow directive prevents events somehow.

JoshDSommer commented 5 years ago

Is this on ios and android? or just one system?

erkanarslan commented 5 years ago

iOS only. SearchBar’s textChange event does not work at all. Button’s tap event works a few times than stops working, tap event of label element works without problem. Another thing i noticed is that shadow directive breaks positioning and margins. I use this plugin for a select box pop up which is centered in the screen via a parent flexbox layout. However, when i apply shadow directive, popup is aligned to top of the screen. When I apply margin top value, shadow directive changes the amount of margin by approximately 20 dips. No problem in Android.

24 Şub 2019 Paz, saat 23:58 tarihinde Josh Sommer notifications@github.com şunu yazdı:

Is this on ios and android? or just one system?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/JoshDSommer/nativescript-ngx-shadow/issues/14#issuecomment-466816255, or mute the thread https://github.com/notifications/unsubscribe-auth/ALZXexA31Y6wZXHVd4wckRg4WtY9RJJxks5vQvzigaJpZM4am1hc .

-- Erkan Arslan erkanarslan92@gmail.com

tahir-jamil commented 5 years ago

any update of it ?

jnorkus commented 4 years ago

Still an issue in 2020.