Drag problem in sub-component

[pkuwwt]

I tried vue-window in iview-admin as a sub-component, i.e. associate it to a vue-router path. However, there is a problem.

When I drag the window, the start-drag-position is not the position I start clicking. In specific, offsetx = width(left-panel), offsety = height(top-menu-bar). So that the window always jump toward bottom-right when I start dragging.

I am sorry I cannt reproduce a minimal example for now. Do any one know where is the problem?

BTW, the version of vue-window I installed by npm is "^1.8.1"

[michitaro]

Sorry for the late reply.

I think you use vue-window inside a non-static positioned element, right?
The problem is caused by something around that.

Anyway, I cannot inspect it without any reproduction code.

[pkuwwt]

yes, the component is dynamically created only after the route path is accessed.

[egorovd]

Hello. )
Is this all about?
http://jsfiddle.net/xqth7y6s/

[michitaro]

Thank you for the jsfiddle.
I'll inspect it.

[egorovd]

Thank you.
Is it possible to add a theme management for 'title' ?

[egorovd]

http://jsfiddle.net/xqth7y6s/3/
Can be otherwise.
But then the top toolbar can cover the window title.

[RabinMallick]

I'm having same issue as mentioned by @pkuwwt
Works fine when use directly on App.vue

While trying to use it inside a child component or as nested child component in vue, when I try to drag it the start-drag-position always jump toward bottom-right when I start dragging.