Fix: Support Clickable Hyperlinks in Labels with TextType HTML (iOS & Android)

src/Controls/tests/TestCases.HostApp/Issues/Issues21328.xaml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Controls.TestCases.HostApp.Issues.Issues21328"
+             Title="Issues21328">
+      <VerticalStackLayout VerticalOptions="Center"
+                HorizontalOptions="Fill"
+                Spacing="20">
+                <Label x:Name="label"  HorizontalOptions="Center"
+                    AutomationId="HtmlLinkLabel"
+                    TextType="Html" >
+                 </Label>   
+                <Label x:Name="label2" HorizontalOptions="Center"
+                    TextType="Html" />
+
+                <Button Text="Change 2nd lable text" Clicked="Button_Clicked" />
+             </VerticalStackLayout>
+</ContentPage>

src/Controls/tests/TestCases.HostApp/Issues/Issues21328.xaml.cs

@@ -0,0 +1,16 @@
+namespace Controls.TestCases.HostApp.Issues;
+
+[Issue(IssueTracker.Github, 21328, "Link in Label with TextType HTML is not clickable", PlatformAffected.iOS | PlatformAffected.Android)]
+public partial class Issues21328 : ContentPage
+{
+	public Issues21328()
+	{
+		InitializeComponent();
+		label.Text = @"<a href=""https://www.example.com"">Example HTML link</a>";
+		label2.Text = @"Normal Text and <a href=""https://www.example.com"">Example HTML link</a> here";
+	}
+	private void Button_Clicked(object sender, EventArgs e)
+	{
+		label2.Text = @"Visit dotnet from <a href=""https://dotnet.microsoft.com/en-us/""> here </a>";
+	}
+}

src/Controls/tests/TestCases.Shared.Tests/Tests/Issues/Issue21328.cs

@@ -0,0 +1,28 @@
+using System;
+using NUnit.Framework;
+using UITest.Appium;
+using UITest.Core;
+
+namespace Microsoft.Maui.TestCases.Tests.Tests.Issues;
+
+public class Issue21328 : _IssuesUITest
+{
+	public Issue21328(TestDevice device) : base(device)
+	{
+	}
+
+	public override string Issue => "Link in Label with TextType HTML is not clickable";
+
+#if !WINDOWS 
+
+    [Test]
+    [Category(UITestCategories.Label)]
+    public void HtmlTextLinkShouldBeClickable()
+    {
+        App.WaitForElement("HtmlLinkLabel");
+        App.Tap("HtmlLinkLabel");
+        Thread.Sleep(3000);
+        VerifyScreenshot();
+    }
+#endif
+}

src/Core/src/Platform/Android/TextViewExtensions.cs

@@ -2,6 +2,7 @@
 using System.Net;
 using Android.Graphics;
 using Android.Text;
+using Android.Text.Method;
 using Android.Widget;
 using static Android.Widget.TextView;
 using ALayoutDirection = Android.Views.LayoutDirection;
@@ -18,6 +19,9 @@ public static void UpdateTextPlainText(this TextView textView, IText label)
 
 		public static void UpdateTextHtml(this TextView textView, ILabel label)
 		{
+			if(textView.MovementMethod is null)
+			textView.MovementMethod = LinkMovementMethod.Instance ?? new LinkMovementMethod();
+
 			var text = label.Text ?? string.Empty;
 			var htmlText = WebUtility.HtmlDecode(text);
 

src/Core/src/Platform/iOS/LabelExtensions.cs

@@ -1,3 +1,4 @@
+using System;
 using Foundation;
 using Microsoft.Maui.Graphics;
 using ObjCRuntime;
@@ -91,11 +92,72 @@ internal static void UpdateTextHtml(this UILabel platformLabel, ILabel label)
 #pragma warning disable CS8601
 			platformLabel.AttributedText = new NSAttributedString(text, attr, ref nsError);
 #pragma warning restore CS8601
+  			platformLabel.UserInteractionEnabled = true;
+			platformLabel.DetectAndOpenLink();
+        }
+		internal static void RemoveCurrentGesture(this UILabel platformLabel)
+		{
+			if(platformLabel.GestureRecognizers is null)
+				return;
+			foreach(var gesture in platformLabel.GestureRecognizers)
+			{
+				if(gesture is HtmlTextGestureRecognizer htmlTextGesture)
+				{
+					platformLabel.RemoveGestureRecognizer(htmlTextGesture);
+					break;
+				}
+			}
+		}
+
+		internal static void DetectAndOpenLink(this UILabel platformLabel)
+		{
+			platformLabel.RemoveCurrentGesture();
+			 var tapGesture = new HtmlTextGestureRecognizer((UITapGestureRecognizer recognizer) =>
+			 {
+			 	if (recognizer.State != UIGestureRecognizerState.Recognized) return;
+			    if (platformLabel.AttributedText is null) return;
+
+				var layoutManager = new NSLayoutManager();
+				var textStorage = new NSTextStorage();
+				var textContainer = new NSTextContainer();
+
+				textStorage.SetString(platformLabel.AttributedText);
+				layoutManager.AddTextContainer(textContainer);
+				textStorage.AddLayoutManager(layoutManager);
+
+				textContainer.LineFragmentPadding = 0;
+				textContainer.LineBreakMode = platformLabel.LineBreakMode;
+				textContainer.Size = platformLabel.Bounds.Size;
+
+				var location = recognizer.LocationInView(platformLabel);
+				var index = (nint)layoutManager.GetCharacterIndex(location, textContainer);
+
+				if (index < platformLabel.AttributedText.Length)
+				{
+					var url = platformLabel.AttributedText.GetAttribute(UIStringAttributeKey.Link, index, out _);
+					if (url is NSUrl nsUrl)
+					{
+						UIApplication.SharedApplication.OpenUrl(nsUrl,new UIApplicationOpenUrlOptions(),null);
+					}
+				}
+			 });
+			 platformLabel.AddGestureRecognizer(tapGesture);	
 		}
 
 		internal static void UpdateTextPlainText(this UILabel platformLabel, IText label)
 		{
 			platformLabel.Text = label.Text;
 		}
 	}
+
+	internal class HtmlTextGestureRecognizer:  UITapGestureRecognizer
+	{
+		public HtmlTextGestureRecognizer(Action<UITapGestureRecognizer> action):base(action)
+		{
+				CancelsTouchesInView = false;
+				ShouldRecognizeSimultaneously = GetRecognizeSimultaneously;
+		}
+
+		private bool GetRecognizeSimultaneously(UIGestureRecognizer gestureRecognizer, UIGestureRecognizer otherGestureRecognizer) => true;
+	}
 }