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

[ { "selector": "#anim-ceba446e-5dee-4127-ac44-85740a4e76da", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-c45cd45c-04ff-496a-951d-46db75be921c", "keyframes": { "transform": [ "translate3d(0px, 100.04759%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-0fc68939-5640-4f72-90fe-55a8ae176625", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-ce4e9ac9-85e2-44a3-aab4-d44ae7d0a734", "keyframes": { "transform": [ "translate3d(0px, -215.90417%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-be55e79d-dfdd-4ea0-8245-a176aa5ba0c7", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-f83feba2-8f1a-4557-8266-c773d78bbc5e", "keyframes": { "transform": [ "translate3d(0px, -448.53843%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] Chrome update impact

Tailwind creator Adam Wathan posted a solution for web developers

[ { "selector": "#anim-536c8d28-c35e-47e2-9a55-bd4c7cf06b36", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-1b143a3f-9909-438f-ace3-0538f86be8e8", "keyframes": { "transform": [ "translate3d(0px, 100.04759%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-5f66426e-34fd-424d-a694-44885fe67521", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-4f0e3deb-c55b-4270-ac13-be459a0d7e3b", "keyframes": { "transform": [ "translate3d(0px, -186.78915%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-09c65861-e216-4509-bcab-5ae02a0c445a", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-7a45c51e-2479-4801-a8d1-b4ddcb45fbca", "keyframes": { "transform": [ "translate3d(0px, -448.53843%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] Tailwind CSS fix Download App

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

[ { "selector": "#anim-3a66d43e-cb05-4cfb-94cb-dfaeee5b3051", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-c0fd1756-08fb-424d-b863-44473f1e6cb4", "keyframes": { "transform": [ "translate3d(0px, 100.04759%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-adc2a98d-eff4-40ca-883a-fc8d8357d137", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-711024ac-30ac-4241-b06d-f7db371fae8b", "keyframes": { "transform": [ "translate3d(0px, -186.78915%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-ae0352cc-8ba4-4580-bd8f-9b95b2a131a5", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-094fdea7-2a8a-48bc-b96a-4bca2206e6af", "keyframes": { "transform": [ "translate3d(0px, -448.53843%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] Chrome selection styling change Download App

The Verge, Bloomberg, and some areas on X are impacted by the issue

[ { "selector": "#anim-3118ff45-aacb-4c23-b413-6d4f42954444", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-646d19c2-76b8-4262-b9c7-665f1cbf95e7", "keyframes": { "transform": [ "translate3d(0px, 100.04759%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-60296ef7-2589-44b7-b1ac-c5d7b41f09d2", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-80f25823-cf80-4bcb-8a6f-ec61059b6500", "keyframes": { "transform": [ "translate3d(0px, -208.06102%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-c6aa6b42-a9a8-4d4a-a7b9-d80f76a34cd6", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-450dd545-6950-4800-8f2e-088750bff76b", "keyframes": { "transform": [ "translate3d(0px, -448.53843%, 0)", "translate3d(0px, 0px, 0)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "fill": "both" } ] Affected websites Download App