Bram.us, curated by Bram Van Damme, is a  web development blog offering tutorials, guides, and insights into various aspects of frontend and backend development. With a focus on modern web technologies such as HTML5, CSS3, and JavaScript frameworks like Vue.js and React, Bram.us covers topics ranging from responsive web design to server-side scripting with PHP and Node.js. Developers can learn about  web development techniques, browser APIs, and best practices for building fast, accessible, and user-friendly websites and web applications.

Bram.us

Chrome 148 introduces a long-awaited CSS improvement: `position: sticky` now tracks the nearest scrolling container per axis independently. This solves the classic problem of data tables needing both a sticky header (vertical axis) and a sticky first column (horizontal axis) simultaneously. Previously, wrapping a table in an `overflow-x: auto` container caused the wrapper to become the sticky reference for both axes, breaking vertical stickiness. The fix requires using `overflow: auto clip` on the wrapper instead of `overflow-x: auto`, preventing the wrapper from becoming a vertical scroll container. Firefox and Safari do not yet support this feature, and CSS `@supports` detection isn't available yet, but a JavaScript-based feature detection snippet is provided.

CSS position: sticky now sticks to the nearest scroller on a per axis basis!

# An Important Detail: Watch your overflow