diff --git a/src/Controls/src/Core/Handlers/Items/iOS/ItemsViewController.cs b/src/Controls/src/Core/Handlers/Items/iOS/ItemsViewController.cs
index 18162b663c67..6cd52b808535 100644
--- a/src/Controls/src/Core/Handlers/Items/iOS/ItemsViewController.cs
+++ b/src/Controls/src/Core/Handlers/Items/iOS/ItemsViewController.cs
@@ -15,6 +15,8 @@ public abstract class ItemsViewController<TItemsView> : UICollectionViewControll
 	where TItemsView : ItemsView
 	{
 		public const int EmptyTag = 333;
+		const int HeaderTag = 111;
+		const int FooterTag = 222;
 		readonly WeakReference<TItemsView> _itemsView;
 
 		public IItemsViewSource ItemsSource { get; protected set; }
@@ -277,7 +279,37 @@ void InvalidateMeasureIfContentSizeChanged()
 				return _emptyUIView.Frame.Size.ToSize();
 			}
 
-			return CollectionView.CollectionViewLayout.CollectionViewContentSize.ToSize();
+			CGSize contentSize = CollectionView.CollectionViewLayout.CollectionViewContentSize;
+			CGSize headerSize = GetHeaderSize();
+			CGSize footerSize = GetFooterSize();
+
+			nfloat totalWidth = contentSize.Width;
+			nfloat totalHeight = contentSize.Height;
+			
+			// Ensure calculating the total width or height, consider the boundary conditions to ensure it does not exceed the boundaries of the view. 
+			// If it exceeds, the content becomes non-scrollable and is constrained to the view's screen size.
+			if (IsHorizontal)
+			{
+				totalWidth += headerSize.Width + footerSize.Width;
+				totalWidth = (nfloat)Math.Min(totalWidth, CollectionView.Bounds.Width);
+			}
+			else
+			{
+				totalHeight += headerSize.Height + footerSize.Height;
+				totalHeight = (nfloat)Math.Min(totalHeight, CollectionView.Bounds.Height);
+			}
+
+			return new Size(totalWidth, totalHeight);
+		}
+
+		CGSize GetHeaderSize()
+		{
+			return CollectionView.ViewWithTag(HeaderTag)?.Frame.Size ?? CGSize.Empty;
+		}
+
+		CGSize GetFooterSize()
+		{
+			return CollectionView.ViewWithTag(FooterTag)?.Frame.Size ?? CGSize.Empty;
 		}
 
 		void ConstrainItemsToBounds()
diff --git a/src/Controls/tests/TestCases.HostApp/Elements/CollectionView/HeaderFooterGalleries/HeaderFooterGrid.xaml b/src/Controls/tests/TestCases.HostApp/Elements/CollectionView/HeaderFooterGalleries/HeaderFooterGrid.xaml
index d201367a3d12..a79002c15a42 100644
--- a/src/Controls/tests/TestCases.HostApp/Elements/CollectionView/HeaderFooterGalleries/HeaderFooterGrid.xaml
+++ b/src/Controls/tests/TestCases.HostApp/Elements/CollectionView/HeaderFooterGalleries/HeaderFooterGrid.xaml
@@ -16,27 +16,27 @@
                 <Button Text="Toggle Header" Clicked="ToggleHeader"></Button>
                 <Button Text="Toggle Footer" Clicked="ToggleFooter"></Button>
             </StackLayout>
-            <local:CollectionView2 x:Name="CollectionView" Grid.Row="1" >
-                <local:CollectionView2.ItemsLayout>
+            <CollectionView x:Name="CollectionView" Grid.Row="1" >
+                <CollectionView.ItemsLayout>
                     <GridItemsLayout Span="3" Orientation="Vertical" HorizontalItemSpacing="4" VerticalItemSpacing="2"></GridItemsLayout>
-                </local:CollectionView2.ItemsLayout>
-                <local:CollectionView2.Header>
+                </CollectionView.ItemsLayout>
+                <CollectionView.Header>
                     <StackLayout BackgroundColor="Transparent">
                         <Image Source="oasis.jpg" Aspect="AspectFill" HeightRequest="60"></Image>
                         <Label Text="This Is A Header" TextColor="AntiqueWhite" HorizontalTextAlignment="Center" 
                            FontAttributes="Bold" FontSize="36" />
                         <Button Text="Add Content" Clicked="AddContentClicked"></Button>
                     </StackLayout>
-                </local:CollectionView2.Header>
-                <local:CollectionView2.Footer>
+                </CollectionView.Header>
+                <CollectionView.Footer>
                     <StackLayout BackgroundColor="Transparent">
                         <Image Source="oasis.jpg" Aspect="AspectFill" HeightRequest="80"></Image>
                         <Label Text="This Is A Footer" TextColor="AntiqueWhite" HorizontalTextAlignment="Center" Rotation="10" 
                            FontAttributes="Bold" FontSize="20" />
                         <Button Text="Add Content" Clicked="AddContentClicked"></Button>
                     </StackLayout>
-                </local:CollectionView2.Footer>
-            </local:CollectionView2>
+                </CollectionView.Footer>
+            </CollectionView>
         </Grid>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/HeaderFooterGridWorks.png b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/HeaderFooterGridWorks.png
index b66279a9679e..09d7ce826222 100644
Binary files a/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/HeaderFooterGridWorks.png and b/src/Controls/tests/TestCases.iOS.Tests/snapshots/ios/HeaderFooterGridWorks.png differ