BotFramework-WebChat icon indicating copy to clipboard operation
BotFramework-WebChat copied to clipboard

Mailto links - External link icon inconsistent display

Open MikeCardiff opened this issue 3 years ago • 3 comments

Screenshots

Message with a single mailto link: image

Message with hyperlink and mailto link: image

Version

<meta name="botframework-directlinespeech:version" content="4.13.0">
<meta name="botframework-webchat:bundle:variant" content="full-es5">
<meta name="botframework-webchat:bundle:version" content="4.13.0">
<meta name="botframework-webchat:core:version" content="4.13.0">
<meta name="botframework-webchat:ui:version" content="4.13.0">

Describe the bug

If a single mailto link is used in a message it displays without the external link icon. If more links are added, the icon is also added to the mailto link.

Steps to reproduce

  1. Get bot to send a message containing a single mailto link.
  2. Mailto link is formatted without external link icon.
  3. Get bot to send a message with mailto and standard hyperlinks.
  4. All links including mailto have the external link icon.

Expected behavior

I'm not sure of the expected behavious of mailto links, if they should or should not show the icon, but the displaying of the icon should be consistent.

Additional context

[Bug]

MikeCardiff avatar Jun 25 '21 09:06 MikeCardiff

@MikeCardiff I can't repro on my side, could you assist?

I am sending the following Markdown text:

[[email protected]](mailto:[email protected])

[[email protected]](mailto:[email protected])

And I don't see the external link icon on either of them.

image

Could you hover to see if the "[email protected]" on your side, is "mailto:[email protected]"?

compulim avatar Jun 30 '21 17:06 compulim

@compulim No problem. I've just done some more testing. It appears to behave differently when using markdown or entering a link without markdown and if using no line breaks, a single line \n or multiple lines \n\n. Results below, hope it helps.

Both links have the icon

www.example.com
[[email protected]](mailto:[email protected])

image

www.example.com
[email protected]

image

www.example.com

www.example.com

image

www.example.com www.example.com

image

www.example.com [email protected]

image

this is a link www.example.com or email [email protected]

image

Neither link has the icon

[www.example.com](www.example.com)
[email protected]

image

[www.example.com](www.example.com)
[[email protected]](mailto:[email protected])

image

this is a link [www.example.com](www.example.com) or email [[email protected]](mailto:[email protected])

image

[www.example.com](www.example.com)

[[email protected]](mailto:[email protected])

image

[www.example.com](www.example.com)

[www.example.com](www.example.com)

image

[www.example.com](www.example.com) [www.example.com](www.example.com)

image

[email protected] www.example.com

image

Only URL has the icon

www.example.com

[email protected]

image

MikeCardiff avatar Jun 30 '21 20:06 MikeCardiff

Thanks @MikeCardiff, I can finally repro on my side.

image

We will schedule this issue while we are planning.

compulim avatar Jul 12 '21 19:07 compulim