Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] core-components includes #552

Open
alex-lehmann-osp opened this issue Mar 10, 2025 · 0 comments
Open

[BUG] core-components includes #552

alex-lehmann-osp opened this issue Mar 10, 2025 · 0 comments

Comments

@alex-lehmann-osp
Copy link

alex-lehmann-osp commented Mar 10, 2025

Describe the bug
The grid seems to be broken. If you have more than 12 columns with span="1" they don't wrap into multiple lines anymore. If you have less than 12 columns with span="1" they are growing to 50% width.

To Reproduce

<b2b-grid-row>
    <b2b-grid-col span="1">Test</b2b-grid-col>
    <b2b-grid-col span="1">Test</b2b-grid-col>
</b2b-grid-row>

Expected behavior
When there are more than 12 columns with span="1" in a row, they should wrap into multiple lines.
When there are less than 12 columns with span="1" in a row, they should be 1 column wide and align to the left of the row.

Screenshots

Image

Expected:
Image

Framework Used

  • vue
  • Browser Chrome
  • Environment production

Package

  • Version 1.24.0
  • core-components
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant