This is my personal site, where I write about Ruby, programming, and any of my varied fascinations.

The RubyLA blog offers insights, tutorials, and community updates for Ruby developers in Los Angeles and beyond. Developers can explore Ruby language features, web development frameworks, and best practices for building Ruby applications. Additionally, the blog covers Ruby meetups, events, and job opportunities in the Los Angeles area, fostering collaboration and networking within the local Ruby community.

RUBYLAND

The scrollbar-gutter: stable CSS property prevents layout shift when hiding scrollbars. When opening popovers or dialogs with overflow: hidden, content typically shifts horizontally to fill the scrollbar's space. This property reserves space for the scrollbar even when hidden, eliminating the jarring horizontal movement and maintaining consistent layout.

Avoid layout shift with scrollbar-gutter: stable

<p>If I had known that solution earlier !
Usually I did some CSS gymnastics with <code>width: 100svw</code>
But <code>scrollbar-gutter: stable</code> is cleaner</p>
