Skip to content
This repository has been archived by the owner on May 27, 2021. It is now read-only.

Bug when used inside a "side menu" view #77

Closed
Pitouli opened this issue Sep 4, 2015 · 2 comments
Closed

Bug when used inside a "side menu" view #77

Pitouli opened this issue Sep 4, 2015 · 2 comments

Comments

@Pitouli
Copy link

Pitouli commented Sep 4, 2015

My "swipe cards" ion is inside a tab view inside a "side menu" app.

When I'm testing it on the iOS simulator, displaying the console in the terminal, I observe that if I open the left menu and then close it, the next card I will throw out will cause an error once it leaves.

And starting form that, the "cards" become full of glitches: when I'm trying to drag one, it "flickers", when I move one out, it comes back (with an animation) when I drag the next one (without triggering the log that I inserted in the "onSnapBack()" method).

I do not observe the issue when testing on my browser.

The log in the console:

40    822410   log      DRAG START
41    822410   log      DRAG
42    822616   log      DRAG
[...]
51    822631   log      DRAG
52    822648   log      DRAG
53    823027   log      DRAG END
54    823030   log      RIGHT SWIPE
55    823031   error    Error: Attempted to assign to readonly property.
ChildScope@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:23815:34
$new@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:23958:40
boundTranscludeFn@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:16383:40
controllersBoundTransclude@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:17004:35
ngRepeatAction@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:36019:26
$watchCollectionAction@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:24377:21
$digest@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:24510:31
$apply@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:24778:31
http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:26545:42
completeOutstandingRequest@http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:14221:15
http://192.168.0.29:8100/lib/ionic/js/ionic.bundle.js:14493:33
56    823280   log      DESTRUCTION : 1
57    823281   error    Error: <exactly the same than above>
@Pitouli
Copy link
Author

Pitouli commented Sep 4, 2015

More observations:

Currently, I'm pushing a new card in my pile every time one is moved away, and I remove from the array the moved one.
So, I always keep the same number of cards in my pile, +/-1 because of the latency of the "destroy" event (which is fired at the end of the animation). And so I can move away card as long as I want...
Note that I have added on the page a counter bind to the length of the "cards" array (so I can observe in real time the number of cards in the queue).

The interesting thing is that once I moved the "menu panel" (partially or completely), the next drag of card will cause an error when the card is released (after the "300ms" delay I'm speaking about in another bug info, but far before the destruction).
The consequence of this error is that despite of still having the "cards" array with the same number of cards +/-1 (as I can see thanks to my counter), the cards are no more stacking! So once I have thrown away my 5 cards (in my case, I'm having 5 cards on the pile), it's done.

@Pitouli
Copy link
Author

Pitouli commented Sep 4, 2015

Another observation:

When I restart the application, if I open the menu BEFORE throwing away any card, then after I can throw away cards without issues, re-open the menu as many times as I want, throw away more cards, etc.

But once I have thrown away ONE card without having open the menu before, then the bug appears as soon as I open the menu and throw away one more card.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants