Tool submenu covers image and image moves into the wrong direction

[GEMI]

Version

TUI image editor 3.7.2

Development Environment

Chrome 79, MacOS Catalina 10.15.2

Current Behavior

When menuBarPosition is top and opening any tool menu Draw, Paint, Crop or any other tool the image container ".tui-image-editor" moves Up instead of Down. So the tool menu covers actual picture and you cannot use the tool on the whole image.

Relevant code is in 'https://github.com/nhn/tui.image-editor/blob/master/src/js/ui.js'

    (menuBarPosition === 'top') {
            if (height > this._editorElementWrap.offsetHeight - 150) {
                top = (150 / 2) - ((height - (this._editorElementWrap.offsetHeight - 150)) / 2);
            }

So for example when height is 800, offset is 736 the result "top" becomes -32. So instead of image going down it goes up and it becomes hard to use the tool on the image.

Image normal
Image moved up

Expected Behavior

When tool menu is expanded and menuBarPosition is "top" the image should move down, not up.

[GEMI]

I would not say this is an enhancement it is a bug, because you cannot draw on the image when the tool menu is covering it. The portion of the image that is covered by the menu is unusable.

[research-scife]

Any fix ?

[KatGr]

Hi,
we have the same problem. We are searching for a tool to edit images in our app and this one would be great but the toolbar is not working on smaller screens.
The menu covers the bottom half of the image so I will never be able to edit this part which makes the tool unusable for us.

[lja1018]

@research-scife @KatGr
I apologize for the inconvenience. The issue has not been worked on yet.
I'll add this issue to our todo list.

[Icc-thang]

Is there any way to fix this?

[lja1018]

@Icc-thang
It hasn't been fixed yet.