[Bug] [iOS] Button ContentLayout property doesn't behave as expected in a Grid

[rachelkang]

Description

When using Button w/ ImageSource and setting ContentLayout to format the button image and text properly, the images are offset weirdly and the text is invisible. This is only an issue on iOS, within a Grid that has many columns. (Within a 2-column grid, for example, this is not an issue. The image size and device screen size affect the point at which the faulty formatting comes into play). It seems this has never worked properly on any version of XF to date.

Steps to Reproduce

1. Open the repro ButtonImageIssues.zip
2. Run on iOS and Android
3. Notice the different/faulty behavior on iOS

Expected Behavior

Same as the current behavior on Android - ContentLayout should format the Button image and text properly. The grid should keep the button intact.

Actual Behavior

The grid layout does not keep the Button/ContentLayout intact.

Basic Information

• Version with issue: All
• IDE: VSMac
• Platform Target Frameworks:
  • iOS: 14.2, 13.0

Screenshots

Android (works well):

iOS (doesn't work well):

Reproduction Link

ButtonImageIssues.zip

[jyotsnar]

This seems to be a problem when the button is in a StackLayout as well, and ContentLayout is used to position the image next to the text. The image is superimposed on the text.