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

Scale & Different Resolution Question #2682

Closed
dassum03-BH opened this issue May 27, 2024 · 5 comments
Closed

Scale & Different Resolution Question #2682

dassum03-BH opened this issue May 27, 2024 · 5 comments

Comments

@dassum03-BH
Copy link

dassum03-BH commented May 27, 2024

Subject of the issue

Resolution - 1920 x 1200
Aspect Ratio - 100%

image

Resolution - 1920 x 1200
Aspect Ratio - 125%

image

When in different aspect ratio, gridstack cuts the widget and adds scroll to it, any way to resolve this? Notice the "6% from last year" line been cut off..

This happens for screens with different resolution

I have tried sizeToContent: true attribute (both to grid & chidlren), it cuts off the widget:

without sizeToContent:

image

Without the attribute:

image

When resized, it behaves weirdly and increases the height

@adumesny
Copy link
Member

I think you mean scale 1.25% not aspect ration (width/height). Are you saying sizeToContent doesn't handle div scaling (or detecting when you change it) ? not clear and you don't provide example showing issue.

@dassum03-BH
Copy link
Author

@adumesny with scale, I meant this:

image

sizeToContent is cutting off widgets and unable to resize them vertically. Is there any alternative to the issue?

Btw, I'm using angular wrapper..

@adumesny
Copy link
Member

looks like sizeToContent is not handling scale, not surprised as I don't use scale. is that browser or OS level or ?? - you are NOT providing a proper bug report with steps to reproduce - see template.

@dassum03-BH
Copy link
Author

dassum03-BH commented May 29, 2024

@adumesny

Your environment

  • version of gridstack.js - 10.1.2
  • which browser/OS - Chrome Browser/Windows

Steps to reproduce

https://jsfiddle.net/chelsumz007/6yftckrv/5/

In the jsfiddle prototype, adding some more data as text. Change the scale using windows properties to some other %. Now the same gridstack item is cutting off the data inside the tile

100% scale (Windows OS display settings):

image

125% scale (Windows OS Display Settings):

image

@adumesny
Copy link
Member

adumesny commented May 29, 2024

not a bug the way you posted it. see the error messages....

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants