Skip to content

[Bug Report] New Grid System Negative Margins #8611

@VeronicaGavrila

Description

@VeronicaGavrila

Environment

Vuetify Version: 2.0.7
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.100
OS: Windows 10

Steps to reproduce

Using v-row creates a negative right margin that causes overflows / horizontal scrolling on mobile.

Is there any solution to get rid of this instead of adding ma-0 to every row? Is this the expected functionality?

Thank you!

Expected Behavior

Should not cause any problems with overflow / horizontal scrolling.

Actual Behavior

Causes issues with overflows / horizontal scrolling, especially on mobile.

Reproduction Link

https://codepen.io/VeronicaGavrila/pen/mdbEQLM

Metadata

Metadata

Labels

C: VGridCovers issues involving VContainer, VLayout, VFlexT: enhancementFunctionality that enhances existing features

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions