Bug ? Zoom on body causing non constant offset when drag and drop

Webix JS
1

Hi :slight_smile:

A snippet will help to understand :
snippet

As you can see, when dragging an item from the datatable, the “lol” is not in a constant offset, relative to the mouse. The more you go bottom/right, the more the “lol” is away from the mouse.
This is due to zoom 90% on body.

Does webix propose a native solution to fix this ?

2

So, the easiest way to solve that (spent one day trying to manually correct positions of tooltips, drag areas, modalbox etc), was to put webix app inside an iframe, same as this topic

But it would be fun if in the future, webix could propose a zoom option, for all webix components and layout. Some property called zoom, something like :

webix.ui({
    type:"wide",
    zoom:0.8,
    rows:[  
        {...}, {...} 
    ]
});

What do you think ? That would solve this topic as well :slight_smile:

3

Hello,
You’re right - the behavior during drag is not working as expected. We’ve forwarded this issue to our technical team for review.

As for your suggestion regarding a built-in zoom feature, it’s not something we’ve received requests for before, so we’re currently unsure about implementing it. However, we’ve added it to our list for future consideration, especially if more users express interest.

In the meantime, as an alternative, you might find it helpful to adjust component sizes by customizing skins. You can find more details here: Skins - Styling documentation page: using CSS skins to define the app look. Webix Docs