bug: ion-label slot end should not use flex and be right aligned by default

[infacto]

Prequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

All elements of items which are slotted to end should not use the flex width and should be right aligned by default.
Especially input field. (ion-input)

Expected Behavior

ion-label[slot='end'] {
  flex: unset;
  text-align: end;
}

This is my current workaround in global styles. (text-align: end on inline elements takes effect when multiple rows with different widths are present.)

Steps to Reproduce

<ion-item>
  <ion-label>Demo</ion-label>
  <ion-label slot="end">Test</ion-label>
</ion-item>

I wonder why does Ionic have this behavior / styles? What do you think about my proposal of right aligned inline end slot? Why not? Looks more complete. I just created this issue as bug because unexpected behavior.

[liamdebeasi]

Thanks for the issue. This has been resolved via #23807, and a fix will be available in an upcoming release of Ionic Framework.

[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.