ionic-team / ionic-team/ionic-framework

bug: certain tab methods missing on framework integrations

Open
#19,918 17 comments 1 reaction 0 assignees View on GitHub
package: angular package: react package: vue type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

# Bug Report

**Ionic version:**

[x] **4.11.5**

**Current behavior:**
```this.tabs.getTab is not a function```

**Expected behavior:**
`getTab` should return tab component

**Steps to reproduce:**
on page with tabs:
`@ViewChild(IonTabs, { static: false }) tabs: IonTabs;`
And run this code:
```
const currentTab = this.tabs.getSelected();
console.log(this.tabs.getTab(currentTab));
```
This gives error: ```ERROR TypeError: "this.tabs.getTab is not a function"```
In console:
```error TS2339: Property 'getTab' does not exist on type 'IonTabs'.```

According to docs: https://ionicframework.com/docs/api/tabs :
```
getTab
--
Get a specific tab by the value of its tab property or an element reference.
getTab(tab: string \| HTMLIonTabElement) => Promise
```

**Related code:**

```
const currentTab = this.tabs.getSelected();
console.log(this.tabs.getTab(currentTab));
```

**Other information:**

**Ionic info:**

```
Ionic:

Ionic CLI : 5.4.2
Ionic Framework : @ionic/angular 4.11.5
@angular-devkit/build-angular : 0.803.8
@angular-devkit/schematics : 8.3.8
@angular/cli : 8.3.19
@ionic/angular-toolkit : 2.0.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : ios 5.0.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 8 other plugins)

Utility:

cordova-res : not installed
native-run : not installed

System:

Android SDK Tools : 26.1.1
NodeJS : v12.13.0
npm : 6.12.0
OS : Linux 4.15
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.