Next/Image: Dragging image doesn't work when src comes from another website

Viewed 13

I can drag the following image:

const src = "/logo/title.png"; 

...

<Image
  loader={({ src }) => src}
  src="/logo/title.png"
  alt="logo"
  width={65}
  height={65}
  layout="fixed"
  draggable
/>

But when src is from another website, the image can't be dragged:

const src = "http://localhost:8000/media/gelano_3.png"; 

...

<Image
  loader={({ src }) => src}
  src="/logo/title.png"
  alt="logo"
  width={65}
  height={65}
  layout="fixed"
  draggable
/>

Why and how can i fix it ?

1 Answers

I finally found the problem.

it is the attribute loader={({ src }) => src} which prevents the image from being dragged

Related