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]: Editor: Grid height and select/arrange functions are limited to smaller page size #479

Open
1 task done
JojoS62 opened this issue Oct 14, 2024 · 2 comments
Open
1 task done
Labels
bug 🐞 Something isn't working

Comments

@JojoS62
Copy link

JojoS62 commented Oct 14, 2024

No existing issues.

  • There is no existing issue for my problem.

Describe the bug

The grid height and also functions to select or arrange widgets are limited to a smaller height of the edit array.
When the grid is enabled, the smaller area is visible.

To Reproduce

  1. set the browser window to a small height
  2. enable the grid for widget placement
  3. enlarge the browser window height

Expected behavior

The grid should cover the whole edit area, but it is less in height. Arrangement helper lines or selecting multiple widgets is working only in the grid area. The grid itself is not the problem, it simply makes the working area visible.

Screenshots & Logfiles

https://forum.iobroker.net/topic/76921/vis-2-aufl%C3%B6sungsproblem-grid-zu-klein/3?_=1728908542457

shows screenshots and a discussion about reasons.

I have tracked the problem in the browser inspector up to the calculation of the canvas height, there is constant offset used, but the canvas height seems to be initially not correct or the offset is wrong.

Page or affected widget

No response

Adapter version

v2.9.64

js-controller version

7.0.0

Node version

20.17.0

Operating system

debian LXC in proxmox

Additional context

No response

@JojoS62 JojoS62 added the bug 🐞 Something isn't working label Oct 14, 2024
@Reefkeeper
Copy link

I can affirm this issue, problem also exists when selecting a page theme instead of a grid.

@JojoS62
Copy link
Author

JojoS62 commented Oct 19, 2024

als Workaround hilft mir das hier, als CSS für alle Projekte eingetragen:

div[class*='visview_'] {
    height: 200vh !important;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐞 Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants