Record not working with Svelte and ios

[SafetZahirovic]

I am trying to record a video with etro using Svelte. It works fine on desktop (chrome) but it doesn't work in iOS on native device. I am using iphone 16 on latest ios version.

After som debugging, i've identified that there is a problem in ondataavailable function in MediaRecorder. The event passed inn seems incorrect. See picture below:

The event doesnt look like to be a Blob event.

This is the code i'm using:

onclick={async () => {
      let options;
      if (MediaRecorder.isTypeSupported("video/webm; codecs=vp9")) {
        options = { mimeType: "video/webm; codecs=vp9" };
      } else if (MediaRecorder.isTypeSupported("video/webm")) {
        options = { mimeType: "video/webm" };
      } else if (MediaRecorder.isTypeSupported("video/mp4")) {
        options = { mimeType: "video/mp4" };
      } else {
        console.error("no suitable mimetype found for this device");
      }
      const blob = await movie.record({
        frameRate: 30,
        duration: length,
        type: options?.mimeType,
      });
      saveBlob(blob, "video");
    }}

On Chrome on mac os, it's working as intended:

I really don't know what the issue is.