A recent Chrome update broke text highlighting on a bunch of sites

Source: The Verge added 19th Nov 2024

  • a-recent-chrome-update-broke-text-highlighting-on-a-bunch-of-sites

A recent Chrome update broke text highlighting on a bunch of sites

/

We didn’t break your copy and paste on purpose, but it might be a little broken on sites including The Verge, Bloomberg, and X. Here’s what’s going on.

By Wes Davis, a weekend editor who covers the latest in tech and entertainment. He has written news, reviews, and more as a tech journalist since 2020.

Share this story

Illustration: The Verge

Right now, text highlighting is broken for anyone using recent Chromium-based browsers on some websites. The cause appears to be a change to selection styling that doesn’t play nicely with Tailwind CSS. We’ve noticed it on our site, and so have several people posting about the issue in threads on Github and Chromium.

For affected sites, you may still be able to select, copy, and paste text on websites but there’s no visual indicator that you did so. Or you may not be able to copy and paste text at all or have other unexpected behaviors when you try to select specific text. Tailwind has updated its CSS tools and offered a workaround, but not every site has implemented the fix. That includes The Verge (we’re working on it!), Bloomberg, and some areas on X, like inside the post composer. It’s not clear how widespread the issue is.

This change affects Chrome 131 and other browsers based on recent versions of Chromium (so you won’t see it in Safari, for instance), although some people may have seen it earlier while the change was in testing. Google discusses the selection styling changes causing it in an October developer blog.

What has changed? The inheritance behavior of selection properties has historically been implemented through originating element inheritance, where the selection uses the properties from a ::selection that matches the element being selected. Chrome versions 130 and earlier use this model…

Chrome 131 enables new behavior whereby elements inherit selection behavior from their parent.

Tailwind creator Adam Wathan posted a solution for web developers in this X post, but it could take some time before the fixes are implemented.

Read the full article at The Verge

media: 'The Verge'  

Related posts


Notice: Undefined variable: all_related in /var/www/vhosts/rondea.com/httpdocs/wp-content/themes/rondea-2-0/single-article.php on line 88

Notice: Undefined variable: all_related in /var/www/vhosts/rondea.com/httpdocs/wp-content/themes/rondea-2-0/single-article.php on line 88

Related Products



Notice: Undefined variable: all_related in /var/www/vhosts/rondea.com/httpdocs/wp-content/themes/rondea-2-0/single-article.php on line 91

Warning: Invalid argument supplied for foreach() in /var/www/vhosts/rondea.com/httpdocs/wp-content/themes/rondea-2-0/single-article.php on line 91