Pasted Twitter links are invisible

[Bram Stolk]

If I:

1. point my browser to twitter.com and select a random tweet.
2. And then from the Drop Down menu, select: "Copy Link to Tweet."
3. And then paste that link into a gmail composition

Then the link will not show up, although it is there.
It's almost as if it is pasted as white text on white background?
With the difference that even when selecting it, it still doesn't show.

The only way to make it show up, is change your gmail composition mode to 'Plain text mode.'
Once you do that, you see that the link is actually there.

I expected, instead, to have the link visible after pasting it into gmail.

Note: same issue happens if I use Chromium browser instead.

ProblemType: Bug
DistroRelease: Ubuntu 18.04
Package: firefox 60.0+build2-0ubuntu1
ProcVersionSignature: Ubuntu 4.15.0-20.21-generic 4.15.17
Uname: Linux 4.15.0-20-generic x86_64
NonfreeKernelModules: vtsspp sep4_1 socperf2_0 pax nvidia_modeset nvidia
AddonCompatCheckDisabled: False
ApportVersion: 2.20.9-0ubuntu7
Architecture: amd64
AudioDevicesInUse:
 USER PID ACCESS COMMAND
 /dev/snd/controlC1: bram 1345 F.... pulseaudio
 /dev/snd/controlC0: bram 1345 F.... pulseaudio
BuildID: 20180509234620
Channel: Unavailable
CurrentDesktop: ubuntu:GNOME
Date: Tue May 15 10:27:22 2018
ForcedLayersAccel: False
IfupdownConfig:
 # interfaces(5) file used by ifup(8) and ifdown(8)
 auto lo
 iface lo inet loopback
IncompatibleExtensions:
 English (GB) Language Pack - <email address hidden>
 English (South Africa) Language Pack - <email address hidden>
 Default - {972ce4c6-7e08-4474-a285-3208198ce6fd}
InstallationDate: Installed on 2018-04-29 (16 days ago)
InstallationMedia: Ubuntu 18.04 LTS "Bionic Beaver" - Release amd64 (20180426)
IpRoute:
 default via 10.0.1.1 dev enp5s1 proto dhcp metric 100
 10.0.1.0/24 dev enp5s1 proto kernel scope link src 10.0.1.78 metric 100
 169.254.0.0/16 dev enp5s1 scope link metric 1000
IwConfig:
 enp5s1 no wireless extensions.

 enp3s0 no wireless extensions.

 lo no wireless extensions.
MostRecentCrashID: bp-64ea59d4-fe25-4952-b630-d4b561180214
PrefSources: prefs.js
ProcEnviron:
 TERM=xterm-256color
 PATH=(custom, no user)
 XDG_RUNTIME_DIR=<set>
 LANG=en_CA.UTF-8
 SHELL=/bin/bash
Profiles: Profile0 (Default) - LastVersion=60.0/20180509234620 (In use)
RfKill:

RunningIncompatibleAddons: True
SourcePackage: firefox
UpgradeStatus: No upgrade log present (probably fresh install)
dmi.bios.date: 06/02/2015
dmi.bios.vendor: American Megatrends Inc.
dmi.bios.version: 2108
dmi.board.asset.tag: To be filled by O.E.M.
dmi.board.name: H87M-PLUS
dmi.board.vendor: ASUSTeK COMPUTER INC.
dmi.board.version: Rev X.0x
dmi.chassis.asset.tag: Asset-1234567890
dmi.chassis.type: 3
dmi.chassis.vendor: Chassis Manufacture
dmi.chassis.version: Chassis Version
dmi.modalias: dmi:bvnAmericanMegatrendsInc.:bvr2108:bd06/02/2015:svnASUS:pnAllSeries:pvrSystemVersion:rvnASUSTeKCOMPUTERINC.:rnH87M-PLUS:rvrRevX.0x:cvnChassisManufacture:ct3:cvrChassisVersion:
dmi.product.family: ASUS MB
dmi.product.name: All Series
dmi.product.version: System Version
dmi.sys.vendor: ASUS

[Paul White (paulw2u)]

is this still an issue now that Firefox 65.0.1 is the currently supported release? Is Chromium still affected too? Did/does this affect links from other websites or just Twitter?

[Bram Stolk (b-stolk)]

Yes, still happens in Firefox 65.0.1

Does no longer happen in Chromium Version 71.0.3578.98 (Official Build) Built on Ubuntu , running on Ubuntu 18.04 (64-bit)

Attached is how it looks in chromium after paste: note that colour formatting.

[Bram Stolk (b-stolk)]

In firefox, the pasted url is there too, but invisible.
See attachment.

Only show up when going to plain text mode.

I cannot select it, even though it is there.

Only been able to reproduce this with twitter's "Copy Link To Tweet" function.

[Olivier Tilloy (osomon)]

I am able to reproduce the issue in a disco VM.

When copying the link from twitter in chromium, the text/html contents of the clipboard looks like that:

<meta http-equiv="content-type" content="text/html; charset=utf-8"><span style="color: rgb(20, 23, 26); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(230, 236, 240); text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">https://twitter.com/someone/status/sometweet</span>

But when copying the same link from twitter in firefox, the text/html contents of the clipboard is different:

<meta http-equiv="content-type" content="text/html; charset=utf-8"><span style="position: absolute; opacity: 0;">https://twitter.com/someone/status/sometweet</span>

The relevant bit is "opacity: 0". That makes the link invisible. This is a bug on twitter's side, I would say. There's no good reason for them to make the link invisible when using firefox.