{"id":392343,"date":"2026-02-16T08:13:53","date_gmt":"2026-02-16T15:13:53","guid":{"rendered":"https:\/\/css-tricks.com\/?p=392343"},"modified":"2026-02-16T08:27:50","modified_gmt":"2026-02-16T15:27:50","slug":"quick-hit-99","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/quick-hit-99\/","title":{"rendered":"Quick Hit #99"},"content":{"rendered":"\n

Chrome 145<\/a> enables %<\/code> units for letter-spacing<\/code><\/a> and word-spacing<\/code><\/a> as well as overscroll-behavior<\/code><\/a> for all scroll containers, now baseline.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Chrome 145 enables % units for letter-spacing and word-spacing as well as overscroll-behavior for all scroll containers, now baseline.<\/p>\n","protected":false},"author":288677,"featured_media":300990,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[19079],"tags":[1021,478,19113,19112,19115],"class_list":["post-392343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-quick-hits","tag-chrome","tag-css","tag-letter-spacing","tag-overscroll-behavior","tag-word-spacing"],"acf":{"show_toc":"No"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":392302,"url":"https:\/\/css-tricks.com\/whats-important-5\/","url_meta":{"origin":392343,"position":0},"title":"What\u2019s !important #5: Lazy-loading iframes, Repeating corner-shape Backgrounds, and More","author":"Daniel Schwarz","date":"February 13, 2026","format":false,"excerpt":"This issue of What\u2019s !important is dedicated to our friends in the UK, who are currently experiencing a very miserable 43-day rain streak. Presenting: the five most interesting things to read about CSS from the last couple of weeks. Plus, the latest features from Chrome 145, and anything else you\u2026","rel":"","context":"In "Articles"","block_context":{"text":"Articles","link":"https:\/\/css-tricks.com\/category\/articles\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2026\/02\/wi5.jpg?fit=1200%2C612&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2026\/02\/wi5.jpg?fit=1200%2C612&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2026\/02\/wi5.jpg?fit=1200%2C612&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2026\/02\/wi5.jpg?fit=1200%2C612&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2026\/02\/wi5.jpg?fit=1200%2C612&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":264012,"url":"https:\/\/css-tricks.com\/new-chrome-63\/","url_meta":{"origin":392343,"position":1},"title":"New in Chrome 63","author":"Geoff Graham","date":"December 19, 2017","format":false,"excerpt":"Yeah, we see browser updates all the time these days and you may have already caught this one. Aside from slick new JavaScript features, there is one new CSS update in Chrome 63 that is easy to overlook but worth calling out: Chrome 63 now supports the CSS overscroll-behavior property,\u2026","rel":"","context":"In "Links"","block_context":{"text":"Links","link":"https:\/\/css-tricks.com\/category\/links\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":390613,"url":"https:\/\/css-tricks.com\/prevent-a-page-from-scrolling-while-a-dialog-is-open\/","url_meta":{"origin":392343,"position":2},"title":"Prevent a page from scrolling while a dialog is open","author":"Geoff Graham","date":"December 1, 2025","format":false,"excerpt":"Bramus: Chrome 144 features a small change to\u00a0overscroll-behavior: it now also works on non-scrollable scroll containers. While this change might seem trivial, it fixes an issue developers have been dealing with for ages: prevent a page from scrolling while a\u00a0(modal)\u00a0

\u00a0is open. YES! Way back in 2019, I worked on \"Prevent\u2026","rel":"","context":"In "Links"","block_context":{"text":"Links","link":"https:\/\/css-tricks.com\/category\/links\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/dialog-pop.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/dialog-pop.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/dialog-pop.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/dialog-pop.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/dialog-pop.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":379318,"url":"https:\/\/css-tricks.com\/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe\/","url_meta":{"origin":392343,"position":3},"title":"Letter Spacing is Broken and There’s Nothing We Can Do About It… Maybe","author":"Juan Diego Rodr\u00edguez","date":"July 29, 2024","format":false,"excerpt":"This post came up following a conversation I had with Emilio Cobos \u2014 a senior developer at Mozilla and member of the CSSWG \u2014 about the last CSSWG group meeting. I wanted to know what he thought were the most exciting and interesting topics discussed at their last meeting, and\u2026","rel":"","context":"In "Articles"","block_context":{"text":"Articles","link":"https:\/\/css-tricks.com\/category\/articles\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/07\/css-squeeze.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/07\/css-squeeze.png?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/07\/css-squeeze.png?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/07\/css-squeeze.png?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/07\/css-squeeze.png?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":373367,"url":"https:\/\/css-tricks.com\/webkit-features-in-safari-16-0\/","url_meta":{"origin":392343,"position":4},"title":"WebKit Features in Safari 16.0","author":"Geoff Graham","date":"September 13, 2022","format":false,"excerpt":"Whew boy, Safari 16 is officially out in the wild and it packs in a bunch of features, some new and exciting (Subgrid! Container Queries! Font Palettes!) and others we've been waiting on for better cross-browser support (Motion Path! Overscroll Behavior! AVIF!). I imagine Jen Simmons typing cheerfully writing out\u2026","rel":"","context":"In "Links"","block_context":{"text":"Links","link":"https:\/\/css-tricks.com\/category\/links\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/09\/New-WebKit-Features-in-Safari-16.0.001.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/09\/New-WebKit-Features-in-Safari-16.0.001.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/09\/New-WebKit-Features-in-Safari-16.0.001.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/09\/New-WebKit-Features-in-Safari-16.0.001.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/09\/New-WebKit-Features-in-Safari-16.0.001.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":392088,"url":"https:\/\/css-tricks.com\/quick-hit-94\/","url_meta":{"origin":392343,"position":5},"title":"Quick Hit #94","author":"Daniel Schwarz","date":"February 4, 2026","format":false,"excerpt":"A quick warning about overscroll-behavior: contain.","rel":"","context":"In "Quick Hits"","block_context":{"text":"Quick Hits","link":"https:\/\/css-tricks.com\/category\/quick-hits\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/392343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/288677"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=392343"}],"version-history":[{"count":2,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/392343\/revisions"}],"predecessor-version":[{"id":392346,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/392343\/revisions\/392346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/300990"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=392343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=392343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=392343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}