sanity icon indicating copy to clipboard operation
sanity copied to clipboard

Unable to use cropping/hotspot tool in Safari

Open azzlack opened this issue 5 months ago • 1 comments

Describe the bug When trying to use the cropping button on images in Safari, the modal just disappears without any errors. Works fine in Chrome, Edge.

To Reproduce Create a hero widget like this:

export default defineField({
  title: 'Hero Widget',
  name: `heroWidget`,
  type: 'object',
  fields: [
    defineField({
      title: "Bilder",
      name: "images",
      type: "array",
      of: [
        defineArrayMember({
          title: "Bilde",
          name: "image",
          type: "image",
          options: {
            hotspot: true,
          },
          fields: [
            {
              name: "alt",
              type: "string",
              title: "Alternativ tekst",
            },
          ]
        })
      ]
    })
  ]
})

Then use the hero widget in a widget list component:

export default defineField({
    title: 'Widgets',
    name: `widgets`,
    type: 'array',
    options: {
      sortable: true,
    },
    of: [
      defineArrayMember(HeroWidget),
    ],
});

Then use the widget list in a document:

export default defineType({
    type: "document",
    title: `Dynamisk Side`,
    name: `dynamicPage`,
    fields: [
      defineField({
        ...widgetList,
        title: "Widgets",
        name: "widgets",
      }),
    ],
  });

Expected behavior

It should open the cropping tool, like in other browsers

Screenshots CleanShot 2024-09-21 at 09 27 17-20240921-072734

Which versions of Sanity are you using?

@sanity/cli (global) 3.42.1 (latest: 3.58.0) @sanity/document-internationalization 3.0.1 (up to date) @sanity/image-url 1.0.2 (up to date) @sanity/language-filter 4.0.2 (up to date) @sanity/orderable-document-list 1.2.2 (up to date) @sanity/preview-url-secret 1.6.21 (up to date) @sanity/react-loader 1.10.7 (up to date) @sanity/table 1.1.2 (up to date) @sanity/ui 2.8.9 (up to date) @sanity/vision 3.57.4 (latest: 3.58.0) sanity 3.57.4 (latest: 3.58.0)

What operating system are you using?

Which versions of Node.js / npm are you running?

10.7.0 v22.1.0

azzlack avatar Sep 25 '24 14:09 azzlack