Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 70617

(v4) footer content in ion-menu disappears in split-pane

$
0
0

@jjdev wrote:

I am using ionic v4 and have built a side-menu + tabs app with an <ion-split-pane> for responsiveness

when the split pane is in side-menu mode, everything is as it should be, but when the application expands to full dual panes, the content of <ion-footer> is removed.

seems like either a glitch or built into a menu footer but i have not been able to determine anything or find any related posts.
Anyone facing a similar issure

app.component.html

<ion-app>
  <ion-split-pane>
    
    <ion-menu #mainMenu side="start">

      <ion-header>
        <ion-toolbar>
            <ion-title>Menu</ion-title>
        </ion-toolbar>
      </ion-header>

      <ion-content>
        <!-- MY MENU CONTENT -->
      </ion-content>
      
      <ion-footer>
        <ion-toolbar>
        <!-- EVERYTHING HERE IS REMOVED AT THE SPLIT-PANE BREAKPOINT -->
        </ion-toolbar>
      </ion-footer>
      
    </ion-menu>
    <ion-router-outlet main></ion-router-outlet>
  </ion-split-pane>
</ion-app>

IONIC-INFO

Ionic:

   ionic (Ionic CLI)             : 4.2.1 (C:\Users\joel_\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.0.0-beta.12
   @angular-devkit/build-angular : 0.9.0-beta.3
   @angular-devkit/schematics    : 0.9.0-beta.3
   @angular/cli                  : 6.2.4
   @ionic/angular-toolkit        : 1.0.0

Cordova:

   cordova (Cordova CLI) : 8.1.1 (cordova-lib@8.1.0)
   Cordova Platforms     : none
   Cordova Plugins       : cordova-plugin-ionic-webview 2.1.4, (and 3 other plugins)

System:

   Android SDK Tools : 26.1.1 (F:\adt-bundle-windows-x86-x64\sdk)
   NodeJS            : v8.9.4 (C:\Program Files\nodejs\node.exe)
   npm               : 6.4.1
   OS                : Windows 10

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 70617

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>