NavigationBar Button is duplicated when switching tabs


#1

I have a Tab and NavigationBar.
When I switch tabs, sometimes the right button in the NavigationBar is duplicated indefinitely as shown. (It should have only one button.)
This doesn’t happen always, but does happen sometimes. Happens often on iPhone device.
Any idea?
(Ionic, v1.0.0-beta.3)


#2

Very odd, can you post a codepen with your code? I can take a look at it


#3

Thank you for your reply.
It seems this problem happens when the list view contains a lot of entries.
Here is how to reproduce it.

  1. Create a new app with Tab and NavigationBar.

    ionic start ionic-tabs tabs

  2. In www/templates/tab-friends.html, add

  3. In www/js/services.js, add more entries.

    var friends = [
    { id: 0, name: ‘Scruff McGruff’ },
    { id: 1, name: ‘G.I. Joe’ },
    { id: 2, name: ‘Miss Frizzle’ },
    { id: 3, name: ‘Ash Ketchum’ }
    ];

->

  var friends = [];
  for (var i = 0 ; i < 1000 ; ++i)
    friends.push({id: i, name: 'Foo' + i});
  1. Switch ‘Dashborad’ tab and ‘Friends’ tab back and forth.
    This problem happens often on real iPhone device. It doesn’t happen often on iPhone simulator. Maybe, timing problem?


#4

I was just about to post the same bug. It’s as easy to simulate as stated above (get default tabs project and add buttons to the views) and you can only test this on a device - preferably an iPhone 4 which has less CPU power I guess. Just tab very fast between the tabs and the buttons get duplicated.

Tried it with the new beta 4 and the problem remains.

– attached a video (https://dl.dropboxusercontent.com/u/1783958/Ionic/IMG_1435.MOV)

Could you guys have a look at it please?
Thanks!


#5

@Daveloose @hiro, very strange. Can you guys give this a try with beta 4/nightly builds?


#6

I just updated to the latest nightly (beta.4-nightly-2017) and the bug is not resolved.


#7

I tried on v1.0.0-beta.4, and the problem still happens.


#8

Alright, a commit was just mad to address this, can you try the nightly builds?


#9

@mhartington it’s fixed! Thanks!
The ionic team is just the best.


#10

I updated to 1.0.0-beta.4-nightly-2027 (2014-05-08), and the problem doesn’t happen anymore.
Thank you for your quick response & fix!


#11

Glad to hear everything is resolved!