ioBroker / ioBroker.vis-2

Next generation visualisation for ioBroker platform.
Other
28 stars 4 forks source link

[bug]: Editor: Grid height and select/arrange functions are limited to smaller page size #479

Open JojoS62 opened 1 week ago

JojoS62 commented 1 week ago

No existing issues.

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

Reefkeeper commented 1 week ago

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

JojoS62 commented 1 week ago

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

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