Skip to content

[bug] Partial HTML Drag is not work #3277

Description

@LuXts

Describe the bug

I'm writing a vue3 tauri project with typescript. The behavior of the executable packaged with tauri is not consistent with the browser preview. In the API for HTML drag, only the dragstart and dragend work for me. The other don't trigger at all.

Work:

  • ondragstart
  • ondragend

Not Work:

  • ondragenter
  • ondragleave
  • ondragover
  • ondrop

Not tested:

  • ondragexit

I have set "fileDropEnabled":false.

Reproduction

run:

vue create test
cd test
vue add tauri
yarn tauri:serve

HTML Example:

<ul>
        <li
            draggable="true"
            ondragstart="console.log('start')"
            ondragenter="console.log('enter')"
            ondragend="console.log('end')"
            ondragover="console.log('over')"
            ondragleave="console.log('leave')"
            ondrop="console.log('drop')"
        >
            item1
        </li>
        <li
            draggable="true"
            ondragstart="console.log('start')"
            ondragenter="console.log('enter')"
            ondragend="console.log('end')"
            ondragover="console.log('over')"
            ondragleave="console.log('leave')"
            ondrop="console.log('drop')"
        >
            item2
        </li>
</ul>

Drag item1 onto item2.

firefox output:

start
enter
over
enter
leave
over
leave
end

tauri output:

start
end

There is no Drop in this example.

Expected behavior

No response

Platform and versions

Operating System - Arch Linux, version Rolling Release X64

Node.js environment
  Node.js - 17.3.0
  @tauri-apps/cli - 1.0.0-beta.10
  @tauri-apps/api - 1.0.0-beta.8

Global packages
  npm - 8.3.2
  yarn - 1.22.17

Rust environment
  rustc - 1.56.1
  cargo - 1.56.0

App directory structure
/src
/public
/.git
/node_modules
/src-tauri

App
  tauri.rs - 1.0.0-beta.8
  build-type - bundle
  CSP - default-src blob: data: filesystem: ws: wss: http: https: tauri: 'unsafe-eval' 'unsafe-inline' 'self' img-src: 'self'
  distDir - Set automatically by Vue CLI plugin
  devPath - Set automatically by Vue CLI plugin
  framework - Vue.js (Vue CLI)
  bundler - Webpack

Stack trace

No response

Additional context

My English isn't very good, please forgive me.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions