Hallo Rolf,
lass mich nur auf zwei kleine technische Details eingehen.
[...] und per CSS noch width:-1px; left:-10px; position:absolute.
das ist teilweise ungültig: Die Werte für width oder height dürfen nicht negativ sein.
pen.js:21 Async: Could not copy to clipboard: DOMException: The Clipboard API has been blocked because of a Feature Policy applied to the current document. See https://goo.gl/EuHzyv for more details.
Das passiert in jsFiddle und Codepen gleichermaßen. Firefox kennt diese Feature Policy (noch) nicht, darum hast Du das nicht bemerkt, würde ich annehmen.
Firefox und Chrome verhalten sich offenbar unterschiedlich, wenn das Feature "Clipboard Access" deaktiviert ist. Firefox leugnet dann komplett, dieses Feature überhaupt zu kennen; eine Feature-Abfrage liefert daher ein sinnvolles Ergebnis. Chrome dagegen scheint bei der Feature-Abfrage zu sagen: "Yo, kenn ich", fällt dann aber auf die Schnauze, wenn man es wirklich benutzt.
Live long and pros healthy,
Martin
Es soll vorkommen, dass die Nachkommen mit dem Einkommen ihrer Vorfahren nicht auskommen.