page.css full-width 100vw horizontal scroll

Created on 4 November 2024, about 2 months ago

Problem/Motivation

page.css section.full-width produces a horizontal scroll bar when a vertical scrollbar is present for browsers other than Firefox.

section.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

Proposed resolution

Adding max-width: 100% fixed it for us

Maybe there are other options: https://stackoverflow.com/questions/25225682/difference-between-width100...

🐛 Bug report
Status

Active

Version

5.5

Component

Code

Created by

🇺🇸United States crutch

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024