msSaveOrOpenBlob property doesn't exist on type Navigator angular 13

Question

The property msSaveOrOpenBlob doesn't exist on type Navigator after updating to the angular 13.

I know the Navigator.msSaveOrOpenBlob is being deprecated as per https://developer.mozilla.org/en-US/docs/Web/API/Navigator/msSaveOrOpenBlob#browser_compatibility

I had an angular 12 application, now I am migrating to angular 13 and typescript have been updated to the latest version, but facing the issue of The property msSaveOrOpenBlob doesn't exist on type Navigator

what will be the alternate code for the below

if (window.navigator.msSaveOrOpenBlob) {
            navigator.msSaveOrOpenBlob(blob, filename);
        }

Angular 13 does not support Internet Explorer. Why don't you just drop the code? Even if you compile it, the condition will never be true — Christian Vincenzo Traina
– Christian Vincenzo Traina, Commented Mar 28, 2022 at 10:07
@ChristianVincenzoTraina I was using this for Edge at one point. I think Edge changed to Chromium at some point; would that have made this useless also for Edge? — indigo
– indigo, Commented Aug 31, 2022 at 19:28

Elikill58 · Accepted Answer · 2022-03-28 10:41:58Z

6

let newVariable: any = window.navigator;
var newBlob = new Blob([res.body], { type: "application/csv" });
if (newVariable && newVariable.msSaveOrOpenBlob) {
    newVariable.msSaveOrOpenBlob(newBlob);
    return;
}

edited Mar 28, 2022 at 10:41

Elikill58

5,04527 gold badges33 silver badges65 bronze badges

answered Mar 28, 2022 at 10:03

Luka

611 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Christian Vincenzo Traina Over a year ago

I didn't test it, but I suppose that TypeScript infers the type, so nothing changes. Maybe would be correct doing window.navigator as unknown as any, but as I said in my comment the whole snippet is just useless

San Jaisy · Accepted Answer · 2021-11-15 08:12:25Z

2

Found some of the references

https://github.com/microsoft/TypeScript-DOM-lib-generator/issues/1029 https://github.com/microsoft/TypeScript/issues/45612

Use the declaration merging and declare the types locally in your project work.

answered Nov 15, 2021 at 8:12

San Jaisy

17.4k44 gold badges206 silver badges359 bronze badges

Comments

Naresh Etikyala · Accepted Answer · 2023-02-28 11:15:17Z

0

Declare below code in main.ts

  declare global{
    interface Navigator {
      msSaveOrOpenBlob?: (blob: any, defaultName?: string) => boolean
    }
  }

answered Feb 28, 2023 at 11:15

Naresh Etikyala

1612 silver badges9 bronze badges

Collectives™ on Stack Overflow

msSaveOrOpenBlob property doesn't exist on type Navigator angular 13

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related