Public key encryption in Internet Explorer 11

Question

I am trying to implement public key encryption using JavaScript for IE11 with the following code:

<script>
    var data = new Uint8Array([0, 1, 2, 3, 4, 5, 6, 7, 8, 9]);

    var crypto = window.crypto || window.msCrypto;
    var cryptoSubtle = crypto.subtle;

    var genOp = cryptoSubtle.generateKey(
        {
            name: "RSA-OAEP",
            modulusLength: 2048,
            publicExponent: new Uint8Array([0x01, 0x00, 0x01]),
            hash: { name: "SHA-256" },
        },
        true,
        ["encrypt", "decrypt"]
    );

    genOp.onerror = function (e) {
        console.error(e);
    };

    genOp.oncomplete = function (e) {
        var key = e.target.result;
        console.log(key);
        console.log(key.publicKey);

        var encOp = cryptoSubtle.encrypt(
            {
                name: "RSA-OAEP"
            },
            key.publicKey,
            data
        );

        encOp.onerror = function (e) {
            console.error(e);
        };

        encOp.oncomplete = function (e) {
            var encrypted = e.target.result;
            console.log(new Uint8Array(encrypted));
        };
    };
</script>

It generates the key pair but fails to do the encryption with an error event. Similar code with a symmetric AES key works. Is public key encryption supported by IE11? Is there anything wrong with my code?

Answer 1

I've found out the cause of this. I need to add the hash field when invoking the encrypt call:

        var encOp = cryptoSubtle.encrypt(
            {
                name: "RSA-OAEP",
                hash: { name: "SHA-256" }
            },
            key.publicKey,
            data
        );

This does not match the Web Cryptography API specification but it works.