ionic-framework: Ion-tabs work wrong in full screen mode

Ionic version: (check one with “x”) [ ] 1.x [x] 2.x

I’m submitting a … (check one with “x”) [x] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:

I use video and ion-tabs in my app.When the video becomes full screen, the ion-tabs at the bottom also worked, although the icons disappear.

Expected behavior:

When switching element to full screen mode, ion-tabs will completely disappeared and not worked.

Steps to reproduce:

1.Change video to full screen mode. 2.Click the zone of ion-tabs. Related code:

IonicModule.forRoot(MyApp, {
    tabsHideOnSubPages: true
})

Other information:

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below): Cordova CLI: 6.4.0 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 ios-deploy version: Not installed ios-sim version: Not installed OS: Windows 7 Node Version: v6.9.4 Xcode version: Not installed

insert the output from ionic info here

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Comments: 15 (1 by maintainers)

Most upvoted comments

Current workaround for me is to set the following:

.ion-page,ion-tab{ contain:none !important }

Facing same issue with ionic 3.5.0. Lastest tab button is pressed and navigation is performed when video is in full screen when switching to minimize mode as both minimize button and last tab button seem to be overlapping each other. Still a bug? Any plan to fix or should i go with a workaround?

Thanks in advance

I see the same issue with 2.0.1.