Skip to content
This repository was archived by the owner on Nov 9, 2021. It is now read-only.
This repository was archived by the owner on Nov 9, 2021. It is now read-only.

Unable to edit contenteditable blocks #201

@HugoHeneault

Description

@HugoHeneault

Hi there! Thanks for your Vue plugin :-)

On moveable home page we can edit the moveable block content with an contenteditable="true" attribute.
Using this attribute on the vue-moveable doesn't work... until we right click the block and then it becomes editable.

See

<template>
   <Moveable
        class="moveable"
        v-bind="moveable"
        @drag="handleDrag"
        @resize="handleResize"
        @scale="handleScale"
        @rotate="handleRotate"
        @warp="handleWarp"
      >
        <span contenteditable="true">Vue Moveable</span>
      </Moveable>
</template>

Demo here :
https://codesandbox.io/s/vue-moveable-issue-84-forked-ojmhj?file=/src/App.vue:308-365

Here is the expected behavior: https://daybrush.com/moveable/

Any idea on how I could fix this out?

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions