Skip to content

fix(tab-bar): apply safe area to proper side regardless of direction - #28372

Merged
brandyscarney merged 11 commits into
mainfrom
FW-5176
Oct 25, 2023
Merged

fix(tab-bar): apply safe area to proper side regardless of direction#28372
brandyscarney merged 11 commits into
mainfrom
FW-5176

Conversation

@brandyscarney

Copy link
Copy Markdown
Member

Issue number: Internal


What is the current behavior?

The safe area padding (both left and right) swap sides when the app's direction changes from LTR to RTL. The --ion-safe-area-left should always apply to the left side of the device and the --ion-safe-area-right should always apply to the right side of the device.

What is the new behavior?

  • Updates the tab bar stylesheet to always set padding-left and padding-right
  • Adds an e2e test for the basic directory which adds screenshots in both modes/directions for:
    • the default tab bar
    • a tab bar with safe area left applied
    • a tab bar with safe area right applied

Does this introduce a breaking change?

  • Yes
  • No

@github-actions github-actions Bot added the package: core @ionic/core package label Oct 17, 2023
@brandyscarney brandyscarney changed the title fix(tab-bar): apply the safe area padding based on the device's side, not the direction fix(tab-bar): apply safe area to proper side regardless of direction Oct 17, 2023
@brandyscarney
brandyscarney marked this pull request as ready for review October 18, 2023 15:10
@brandyscarney
brandyscarney requested review from a team and liamdebeasi and removed request for a team October 18, 2023 15:10
Comment thread core/src/components/tab-bar/test/basic/tab-bar.e2e.ts Outdated
Comment thread core/src/components/tab-bar/test/basic/tab-bar.e2e.ts Outdated

@liamdebeasi liamdebeasi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good to go once my last comment is addressed.

Comment thread core/src/components/tab-bar/test/basic/tab-bar.e2e.ts Outdated
@brandyscarney
brandyscarney added this pull request to the merge queue Oct 25, 2023
Merged via the queue into main with commit d47b7e7 Oct 25, 2023
@brandyscarney
brandyscarney deleted the FW-5176 branch October 25, 2023 16:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants