First nested tab does not get selected when selecting parent tab #1276

ssassi · 2014-05-05T12:19:29Z

When using nested tabs I want the first nested tab selected by default.
Please, look at this example: http://codepen.io/ssassi/pen/djGJB2. The first tab's content under home is not rendered when clicking on the Home tab.

ajoslin · 2014-05-06T14:32:45Z

Hi @ssassi,

Your codepen isn't working!

ssassi · 2014-05-06T14:50:06Z

Sorry, a typo on the link: http://codepen.io/ssassi/pen/djGJB

nicowenterodt · 2014-08-23T15:31:06Z

I can confirm this: http://codepen.io/niwen/pen/kwvpr

peterchibunna · 2014-09-13T20:48:58Z

Yeah. If you click another tab, it works fine. but if you navigate to the first tab, or any other [as long as you just came to this tab container view] using $state.go, it doesn't render the content. The title is updated correctly.

perrygovier · 2014-09-23T21:51:51Z

Confirmed this is still an issue.

david-gang · 2014-11-02T14:09:28Z

I have also this problem. Even the select function of the tab delegate does not help

jobeland · 2014-11-14T08:14:29Z

+1 happening for me as well

jeremyalan · 2014-11-19T06:11:43Z

I'm trying to help out with some of the leg work on this issue... it's definitely an issue caused by nested tabs, and more specifically, $scope inheritance. The value $tabSelected gets inherited from the the "outer" ion-tab, so each of the nested tabs inadvertently get rendered as selected.

I'm not sure this is the correct fix, but I was at least able to verify my conclusion by adding this to the top of the $ionicTabs controller:
$scope.$tabSelected = null;

If you disagree, I will gladly submit a pull request, but for some reason, it just doesn't quite feel right, and I wasn't able to get it working properly by adding it to any of the link functions, I ran short on time tonight, but perhaps someone more familiar with the framework will have better luck.

Please let me know if I can help any other way or if you want further clarification.

harshitgoel96 · 2014-12-03T07:57:29Z

I have the same issue, any one has a solution for this issue ?

peterchibunna · 2014-12-03T09:00:14Z

I have a way around this scenario. It's a funny hack actually.
Here's what I do:
From the outer tab, navigate to any other child tab that is not the first
one; that way the first child tab will be selected whenever you come from
the outer/parent tab.

On Wed, Dec 3, 2014 at 8:57 AM, harshitgoel96 [email protected]
wrote:

I have the same issue, any one has a solution for this issue ?

—
Reply to this email directly or view it on GitHub
#1276 (comment).

javifr · 2014-12-05T17:05:40Z

+1

javifr · 2014-12-05T17:09:39Z

I'm freakin out with this issue.

Another, inherent problem, is that having a list inside a tab and clicking to a detail view, the back button returns to the first tab, not the tab where the list was.

-tab1
-tab2
-tab3
-- subtab1
-- subtab2 ( list of items )
--- item detail ( BACK BUTTON returns to tab 3 with subtab1 active, and not subtab2 )
-- subtab3

would really apreciate some help

thanks!

adamdbradley · 2014-12-07T08:09:24Z

Fixed in the latest builds.

harshitgoel96 · 2014-12-08T06:37:59Z

The problem exists in current stable release, any timeline to release the new build ?

C:\Android Dev\WORKSPACE\blaBla>ionic -v
1.2.8

C:\Android Dev\WORKSPACE\blaBla>ionic lib -v
Local Ionic version: 1.0.0-beta.13 (C:\Android Dev\WORKSPACE\blaBla\www\lib\ionic\version.json)
Latest Ionic version: 1.0.0-beta.13 (released 2014-09-24)

harshitgoel96 · 2014-12-08T06:56:24Z

Just checked nightly 863, still having navigation issues, the first nested tab was loaded porperly, but navigation to second tab still showed the content of first tab, also once the master tab is switched, can not switch back to any other tab

structure

|
|
|
|
|

henry74 · 2015-01-27T19:37:38Z

+1

luisrudge · 2015-02-04T02:44:19Z

I'm having this problem too! And I'm using the master branch. @adamdbradley is this exptected?

ram-you · 2015-02-13T09:38:47Z

+1

Phoscur · 2015-03-03T11:03:18Z

+1 is this landing soon? Merge and define milestone please!
(With caching everything works as expected for me but app page refresh on subtabs causes overlays, very annoying - I'm gonna stop thinking of bad workarounds now; using beta14)

Like the issue ionic-team#1276 if you have some nested tabs, you select a sub-tab item, and you will active some other siblings, because when tabCtrl add every new $scope, it does't has a initial attr $scope.$tabSelected, so every unselected item will read the $tabSelected from inherited $parent, but if the parent-tab has been actived, the all of its sub-tabs will read this true property in $scope.$tabSelected. So I think we should initialize the property $scope.$tabSelected before invoking tabsCtrl.add(), and every tab-item will has a 'false' status for a initial $scope.$tabSelected.

www-wowow-so · 2015-08-06T10:38:55Z

ok,it's work for me~

k1n6 · 2017-04-27T19:06:29Z

How would I fix this issue in ionic lib v 1.x (I tried 1.24 and 1.33 with no luck)

ionitron-bot · 2018-09-03T05:55:45Z

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

ssassi assigned ajoslin May 6, 2014

perrygovier added the tabs label Sep 23, 2014

perrygovier assigned adamdbradley and unassigned ajoslin Sep 23, 2014

adamdbradley closed this as completed Dec 7, 2014

adamdbradley removed the ready label Dec 7, 2014

abruzzihraig mentioned this issue Feb 20, 2015

fix: fixed the nested tabs selected, initialize property $tabSelected. #3157

Closed

abruzzihraig mentioned this issue Mar 3, 2015

fix: initialize $scope.$tabSelected when nested tabs selected. #3223

Merged

ionitron-bot bot locked and limited conversation to collaborators Sep 3, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

First nested tab does not get selected when selecting parent tab #1276

First nested tab does not get selected when selecting parent tab #1276

ssassi commented May 5, 2014

ajoslin commented May 6, 2014

ssassi commented May 6, 2014

nicowenterodt commented Aug 23, 2014

peterchibunna commented Sep 13, 2014

perrygovier commented Sep 23, 2014

david-gang commented Nov 2, 2014

jobeland commented Nov 14, 2014

jeremyalan commented Nov 19, 2014

harshitgoel96 commented Dec 3, 2014

peterchibunna commented Dec 3, 2014

javifr commented Dec 5, 2014

javifr commented Dec 5, 2014

adamdbradley commented Dec 7, 2014

harshitgoel96 commented Dec 8, 2014

harshitgoel96 commented Dec 8, 2014

henry74 commented Jan 27, 2015

luisrudge commented Feb 4, 2015

ram-you commented Feb 13, 2015

Phoscur commented Mar 3, 2015

www-wowow-so commented Aug 6, 2015

k1n6 commented Apr 27, 2017

ionitron-bot bot commented Sep 3, 2018

First nested tab does not get selected when selecting parent tab #1276

First nested tab does not get selected when selecting parent tab #1276

Comments

ssassi commented May 5, 2014

ajoslin commented May 6, 2014

ssassi commented May 6, 2014

nicowenterodt commented Aug 23, 2014

peterchibunna commented Sep 13, 2014

perrygovier commented Sep 23, 2014

david-gang commented Nov 2, 2014

jobeland commented Nov 14, 2014

jeremyalan commented Nov 19, 2014

harshitgoel96 commented Dec 3, 2014

peterchibunna commented Dec 3, 2014

javifr commented Dec 5, 2014

javifr commented Dec 5, 2014

adamdbradley commented Dec 7, 2014

harshitgoel96 commented Dec 8, 2014

harshitgoel96 commented Dec 8, 2014

henry74 commented Jan 27, 2015

luisrudge commented Feb 4, 2015

ram-you commented Feb 13, 2015

Phoscur commented Mar 3, 2015

www-wowow-so commented Aug 6, 2015

k1n6 commented Apr 27, 2017

ionitron-bot bot commented Sep 3, 2018