Skip to content

bug: large title header should not have bottom border #22777

Closed
@liamdebeasi

Description

@liamdebeasi

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:

In an app with the large title, there is a bottom border below the last toolbar. This was removed in iOS 13/14.

Expected behavior:

There should be no bottom border on the last toolbar.

Steps to reproduce:

  1. Run npm run start in the core directory.
  2. Go to http://localhost:3333/src/components/toolbar/test/title?ionic:mode=ios
  3. Notice that there is a border below the search bar:
    image

Related code:

  1. We need to remove this code: https://github.com/ionic-team/ionic-framework/blob/master/core/src/components/header/header.ios.scss#L7-L9

Here is an example of the Reminders app on iOS:

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions