Skip to content

ion-buttons in the ion-menu toolbar are all centered over title #15715

@modemlooper

Description

@modemlooper

Bug Report

Ionic Info
Run ionic info from a terminal/cmd prompt and paste the output below.

insert the output from ionic info here

Describe the Bug
ion-buttons in the ion-menu toolbar are all centered over title. slot placement doesn't seem to work.

<ion-menu>
  <ion-header>
    <ion-toolbar color="primary">
        <ion-title>title</ion-title>
        <ion-buttons slot="end">
            <ion-button>
                <ion-icon slot="icon-only" name="settings"></ion-icon>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-menu-toggle auto-hide="false">
        <ion-item>
            <ion-icon name="pin" slot="start"></ion-icon>
            Locations
        </ion-item>
      </ion-menu-toggle>
    </ion-list>
  </ion-content>
</ion-menu>

Steps to Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Related Code
If you are able to illustrate the bug with an example, please provide a sample application via an online code collaborator such as StackBlitz, or GitHub.

Expected Behavior
A clear and concise description of what you expected to happen.

Additional Context
List any other information that is relevant to your issue. Stack traces, related issues, suggestions on how to fix, Stack Overflow links, forum links, screenshots, OS if applicable, etc.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions