Moveable.request ignored when an able event is ongoing

[mamsoudi]

Environments

• Framework name: Vue
• Framework version: Vue 2
• Moveable Component version: 0.23.1 (Using Vanilla)
• Testable Address(optional):

Description

Hey @daybrush, G'day! We had an exact similar situation with https://github.com/daybrush/moveable/issues/319#issue-703518013, before even noticing the issue, I already had ideas that I should be using request so that changes to the text box height would go through Moveable. It worked perfectly until I tried addressing a very specific situation. You see in our app, TextBoxes height's are not adjustable, but their widths are. When changing the content of the box, I can use request to pass in the new height of the box and moveable handles the rest. However, the issue is that, when they start to change the width of the TextBox with ables (W, E), the request is simply ignored, I imagine perhaps because the mouse event is already triggering resize event, and requests are simply ignored. I tried various things to no avail. In the demos as well, if I start dragging with mouse and then use keyboard to try to move the item, it doesn't work.

As you can see in the Gif above, if we add new lines of text or it should be wrapped it'll successfully extend the height without changing the position of the box, but when we change the width with resize ables, request('resizable', { offsetHeight: newHeight }, true) is ignored.

Now my question is, is there any possibility, that we could still request transformations or append them while an able is already in progress? In our case append a resizable while one is already ongoing with the mouseEvent?

[daybrush]

@mamsoudi

I'm sorry. This is not possible during the event. We need to modify the resize event for the text area.

But I don't know if this problem will be solved.

[acabreragnz]

Hey @mamsoudi, do you have a sample using custom ables with vue-moveable?