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

Incorrect GridItem display on different screen resolutions #4

Closed
polom01 opened this issue Apr 14, 2023 · 3 comments
Closed

Incorrect GridItem display on different screen resolutions #4

polom01 opened this issue Apr 14, 2023 · 3 comments

Comments

@polom01
Copy link

polom01 commented Apr 14, 2023

Expected Behavior

The GridItem should be displayed appropriately on the page depending on the screen resolution

Current Behavior

The GridItem is displayed the same on every screen size
image
image

Steps to Reproduce

https://codesandbox.io/s/bitter-dew-oxfdwt?file=/app.vue

Context

  • Nuxt 3 (version 3.3.1)
  • vue-ts-responsive-grid-layout (1.2.0 version)
@gwinnem
Copy link
Owner

gwinnem commented Apr 14, 2023

Strange, can you send me the row height you are using.
When im trying to recreate this it behaves correctly for me.
The width of the GridItems are calculated based on the Max Columns property and the screen width.
The height is based on the GridItem height and the Row Height prop.
image

image

@gwinnem
Copy link
Owner

gwinnem commented Apr 14, 2023

Set the responsive prop on the GridLayout to true. This should fix the issue.

@gwinnem gwinnem closed this as completed Apr 14, 2023
@polom01
Copy link
Author

polom01 commented Jun 7, 2023

After updating to 1.2.0 start working :)
Thx for help

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

2 participants