{"id":306301,"date":"2024-11-21T17:40:17","date_gmt":"2024-11-21T16:40:17","guid":{"rendered":"https:\/\/www.borncity.com\/blog\/?p=306301"},"modified":"2024-11-22T06:00:40","modified_gmt":"2024-11-22T05:00:40","slug":"chromium-browser-chrome-edge-etc-mit-problemen-bei-textauswahl","status":"publish","type":"post","link":"https:\/\/borncity.com\/blog\/2024\/11\/21\/chromium-browser-chrome-edge-etc-mit-problemen-bei-textauswahl\/","title":{"rendered":"Chromium-Browser (Chrome, Edge etc.) mit Problemen bei Textauswahl?"},"content":{"rendered":"<p><img decoding=\"async\" style=\"float: left; margin: 0px 10px 0px 0px; display: inline;\" src=\"https:\/\/borncity.com\/blog\/wp-content\/uploads\/2021\/06\/Chrome-01.jpg\" \/>Kurzer Nachtrag f\u00fcr Benutzer eines Chromium-Browsers (also Google Chrome, Microsoft Edge etc.). Falls ihr pl\u00f6tzlich Probleme mit der Auswahl von Texten auf manchen Webseite im Browser habt, liegt dies nicht an eurem System, sondern am Browser bzw. den Webseiten. Betroffen sind Webseiten, die Tailwind-CSS verwenden. Es gibt aber einen Workaround.<\/p>\n<p><!--more--><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vg08.met.vgwort.de\/na\/84829272f9444d6384d3af0e4706dbdd\" alt=\"\" width=\"1\" height=\"1\" \/>The Verge, die von diesem Problem wohl (neben Bloomberg und X auch) betroffen sind, haben das Ganze im Beitrag <a href=\"https:\/\/www.theverge.com\/2024\/11\/19\/24300531\/chrome-chromium-text-highlighting-invisible-websites-tailwind-css\" target=\"_blank\" rel=\"noopener\">A recent Chrome update broke text highlighting on a bunch of sites<\/a> aufgegriffen.<\/p>\n<p>Auf betroffenen Textseiten lassen sich \"scheinbar\" keine Texte zum kopieren in die Zwischenablage markieren. Lesern, die das bem\u00e4ngelten und annahmen, dass The Verge das unterbunden habe, wurden in obigem Beitrag \u00fcber die Ursache aufgekl\u00e4rt. Alle aktuellen Chromium-basierten Browser haben Probleme mit der Textauswahl, wenn auf der Seite Tailwind-CSS verwendet wird. Im Chromium Issues-Tracker gibt es beispielsweise <a href=\"https:\/\/issues.chromium.org\/issues\/378754060\" target=\"_blank\" rel=\"noopener\">diesen Eintrag<\/a>.<\/p>\n<p>The Verge schreibt, dass das Markieren und Kopieren in die Zwischenablage zwar m\u00f6glich sei, der markierte Text aber optisch nicht im Browser hervorgehoben werde. Die Ursache scheint eine \u00c4nderung des Auswahlstylings im Browser zu sein, die mit den Tailwind-CSS -Vorgaben kollidieren.<\/p>\n<p><a href=\"https:\/\/x.com\/adamwathan\/status\/1857135673968631889\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.postimg.cc\/pXYw622m\/image.png\" alt=\"Workaround f\u00fcr Chrome Text Select-Problem\" width=\"589\" height=\"518\" \/><\/a><\/p>\n<p>Die \u00c4nderung betrifft Chrome 131 und andere Browser, die auf neueren Chromium-Versionen basieren. Tailwind hat seine CSS-Tools aktualisiert und einen Workaround angeboten. Adam Wathan hat das Ganze auf X in <a href=\"https:\/\/x.com\/adamwathan\/status\/1857135673968631889\" target=\"_blank\" rel=\"noopener\">diesem Tweet<\/a> beschrieben. D\u00fcrfte aber ein bisschen ein Exotenproblem sein &#8211; oder?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kurzer Nachtrag f\u00fcr Benutzer eines Chromium-Browsers (also Google Chrome, Microsoft Edge etc.). Falls ihr pl\u00f6tzlich Probleme mit der Auswahl von Texten auf manchen Webseite im Browser habt, liegt dies nicht an eurem System, sondern am Browser bzw. den Webseiten. Betroffen &hellip; <a href=\"https:\/\/borncity.com\/blog\/2024\/11\/21\/chromium-browser-chrome-edge-etc-mit-problemen-bei-textauswahl\/\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4461,1356],"tags":[406,4201,154],"class_list":["post-306301","post","type-post","status-publish","format-standard","hentry","category-edge","category-google-chrome-internet","tag-chrome","tag-edge","tag-probleme"],"_links":{"self":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts\/306301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/comments?post=306301"}],"version-history":[{"count":0,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts\/306301\/revisions"}],"wp:attachment":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/media?parent=306301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/categories?post=306301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/tags?post=306301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}