bug: ion-item slot end is shifted to the left

[robingenz]

Prerequisites

• 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

v7.x

Current Behavior

After I updated to Ionic 7.7.1, it looked like this:

Expected Behavior

With Ionic 7.5.0 it looked like this:

That is also the behavior I expect.

Steps to Reproduce

Simply use the following code:

<ion-list>
	<ion-item>
		<ion-label>Start</ion-label>
		<ion-label slot="end">End</ion-label>
	</ion-item>
</ion-list>

Code Reproduction URL

https://codepen.io/robingenz/pen/XWGyBQz

Ionic Info

Ionic:

   Ionic CLI                     : 7.1.6
   Ionic Framework               : @ionic/angular 7.7.1
   @angular-devkit/build-angular : 17.0.8
   @angular-devkit/schematics    : 16.2.8
   @angular/cli                  : 17.0.8
   @ionic/angular-toolkit        : 10.0.0

Capacitor:

   Capacitor CLI      : 5.6.0
   @capacitor/android : 5.6.0
   @capacitor/core    : 5.6.0
   @capacitor/ios     : 5.6.0

Utility:

   cordova-res                          : not installed globally
   native-run (update available: 2.0.1) : 2.0.0

System:

   NodeJS : v18.19.0 (/opt/homebrew/Cellar/node@18/18.19.0/bin/node)
   npm    : 10.2.3
   OS     : macOS Unknown

Additional Information

No response

[liamdebeasi]

Looks like this is an edge case I missed from #28769. I'll get a PR up to fix.

[liamdebeasi]

Here's a dev build if you are interested in testing a fix: 7.7.2-dev.11707840956.16e27b4c

[robingenz]

Thank you for this fast fix! I've just tested it and it looks good!

[liamdebeasi]

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