bug: ion-fab position vertical="center" is not correct on dir="rtl"

[timsar2]

Bug Report

Ionic version:
[x] 5.2.3

Current behavior:

ion-fab RTL not align in ios devices also for me in firefox but it is ok in android and chrome.
ion-fab RTL position end will put ion-fab to the right side instead of left side.
Expected behavior:

Steps to reproduce:

Related code:
ion-fab.fab-horizontal-end{ right: unset; left: calc(10px + var(--ion-safe-area-right, 0px)); }

insert short code snippets here

Other information:

Ionic info:

insert the output from ionic info here

Code reproduction: https://codepen.io/liamdebeasi/pen/porzjqm

[ionitron-bot]

Thanks for the issue! This issue has been labeled as holiday triage. With the winter holidays quickly approaching, much of the Ionic Team will soon be taking time off. During this time, issue triaging and PR review will be delayed until the team begins to return. After this period, we will work to ensure that all new issues are properly triaged and that new PRs are reviewed.

In the meantime, please read our Winter Holiday Triage Guide for information on how to ensure that your issue is triaged correctly.

Thank you!

[timsar2]

Also if you set horizontal center it'll not align center because.
it's missing
ion-fab.fab-horizontal-center{ right: 50%; left: unset; }

[liamdebeasi]

Thanks for the issue. This has been resolved via #26986, and a fix will be available in Ionic Framework v7.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.