[BUG] onLinkTap is not called while using SingleChildScrollView

[praharshbhatt]

Describe the bug:
While using SingleChildScrollView, the onLinkTap callback is not called. the same code, using Html widget works fine.

HTML to reproduce the issue:

SelectableHtml(
  data: menuButton.content ?? "",
  style: {
    "body": Style(
      margin: EdgeInsets.zero,
      color: Theme.of(context).primaryColor,
    ),
  },
  onLinkTap: (link, renderContext, map, element) async {
    if (link != null && link.isNotEmpty) {
      await launch(link);
    }
  },
)

Html widget configuration:
The exact same code from the example

Expected behavior:
the onLinkTap is called

Device details and Flutter/Dart/flutter_html versions:
flutter_html version: ^2.1.0
Flutter: (Channel stable, 2.2.1, on Linux, locale en_US.UTF-8)

A picture of a cute animal

searching for his onLinkTap callback

[tneotia]

I'll try to look into this soon. Very strange as I remember onLinkTap was working just fine when I first created SelectableHtml.

[praharshbhatt]

onLinkTap is only not called in SelectableHtml, works properly in Html

[tneotia]

I looked into this issue and it seems it is a Flutter issue. We have everything set up correctly which is why the non-selectable widget works properly. It seems that using SelectableText.rich eats up pointer events for its children, unfortunately.

[hwh97]

it seems like SelectableHtml not pass "key" to HtmlParser,So "_onAnchorTap" will not be initialized. You can use onAnchorTap instead of onLinkTap.

SelectableHtml(
  data: entity.postContent,
  onAnchorTap: (String? url, RenderContext context, Map<String, String> attributes, dom.Element? element) {
    if (url != null && element?.localName == "a") {
      onTapLink(url);
    }
  },
),

[tneotia]

Ahh thanks so much for finding that, I completely missed it @hwh97 . I will have this fixed later today.

[noorhossain]

not working for me:

subtitle: Html(
              data: user.bangla_trans.replaceAll("\\n", "<br>"),
              onAnchorTap: (url, renderContext, attrs, element) async {
                print(element.toString());
                // Handle link tapped...
                if (url != null && element?.localName == "a") {
                  print(element.toString());
                  await showAlertDialog(context, element.toString());
                }
              },

[nicks258]

Same for me. Did you found any solution?
Html( data: htmlString,onAnchorTap: (url, context, attributes, element) { debugPrint("click URL -> $url"); }, onLinkTap: (url, context, attributes, element) { debugPrint("click URL -> $url"); }, );