Dragging and dropping work on firefox but not on chrome

Hello, I have the following single file component on top of which I drop an image: `<template> <editor :extensions="extensions"> <div slot="content" slot-scope="props">

Test Text

</div> </editor> </template>

<script> import { Editor } from 'tiptap' import { HardBreakNode, HeadingNode, ImageNode, BoldMark, CodeMark, ItalicMark, } from 'tiptap-extensions' </script>

export default { components: { ‘editor’: Editor, }, data() { return { extensions: [ new HardBreakNode(), new HeadingNode({ maxLevel: 3 }), new ImageNode(), new BoldMark(), new CodeMark(), new ItalicMark(), ] } } ` The dragging and dropping of an image works on firefox , but not on chrome.

On chrome I receive a Resource interpreted as Document but transferred with MIME type image/gif: "file:///home/mihaita/Pictures/giphy.gif". warning and then the browser proceeds to navigate to the dropped file file:///home/mihaita/Pictures/giphy.gif;

Any ideas what goes wrong?

[philippkuehn]

This is fixed in tiptap-extensions 0.16.3

[philippkuehn]

@childonline Yeah super strange. Didn’t find anything until yet. The demo page setup is indeed different because I don’t use the tiptap packages from npm. Instead I added some alias with webpack to grab these packages directly from the src folders of the repository. But I don’t think that’s what makes the difference.