Selection of content in Trello with Chrome 131 is broken

[Stephen Chenney]

I am a Chrome browser engineer and it has come to my attention that a newly launched feature in Chrome (actually, the third attempt to launch it) has changed the behavior of selected text in Trello by removing all selection highlighting.

The issue was reported here: 

https://github.com/WordPress/gutenberg/issues/56408#issuecomment-2400633431

Note the issue was originally about WordPress but one of your users added to it with the Trello issue.

A description of the change is available at https://developer.chrome.com/blog/selection-styling

The CSS for the signed-in Trello experience includes a CSS rule "div::selection { background: #0000; }" that I presume is intended to disable selection highlighting on divs but leave it in place for children of the div. With CSS Highlight Inheritance enabled the ::selection pseudo is inherited through the DOM tree, so children have the same ::selection behavior as their parent, in this case transparent. There are various ways to fix the problem without breaking existing content. Please reach out to me or update the github issue above and I will respond.

[MarcusEllis __]

Hi @Stephen Chenney,

Thank you for the heads up on this issue. I was able to replicate the problem in Chrome Canary.

I checked our git history and it looks like we've had that CSS rule in place for many years. So I'm not quite sure what the original intent was. I'll look into it and try to get a fix in place asap.

Thanks,

Marcus Ellis