inserting Blob images via navigator.clipboard.write no longer works

Hello. Back in the old version 7 of Puppeteersharp I was able to place .png images into the clipboard using a blob, but after I upgraded to this latest 9.0.2 version that is no longer the case.

Here is a minimal example:

new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultChromiumRevision).GetAwaiter().GetResult();

            _browser = Puppeteer.LaunchAsync(new LaunchOptions()
            {
                Headless = false,
                DefaultViewport = null,
                Args = new[]
                    {
                        "--disable-gpu",
                        "--disable-dev-shm-usage",
                        "--disable-setuid-sandbox",
                        "--no-first-run",
                        "--no-sandbox",
                        "--no-zygote",
                        "--deterministic-fetch",
                        "--disable-features=IsolateOrigins",
                        "--disable-site-isolation-trials"
                    }
            }).Result;

            var context = _browser.DefaultContext;
            await context.OverridePermissionsAsync("https://pasteboard.co", new List<OverridePermission>()
            {
                OverridePermission.ClipboardReadWrite
            });

_pasterAppPage = _browser.NewPageAsync().Result;
            await _pasterAppPage.SetUserAgentAsync("user-agent=User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36");
            
            await _pasterAppPage.GoToAsync("https://pasteboard.co");


// then I would add the image bytes like this

var pasteResults = await _pasterAppPage.EvaluateFunctionAsync(@"(imageUrl) => {
                            return new Promise((resolve, reject) => {
                                const byteArray = Uint8Array.from(
                                    atob(imageUrl)
                                        .split('')
                                        .map(char => char.charCodeAt(0))
                                );

                                const imageBlob = new Blob([byteArray], { type: 'image/png' });

                                navigator.clipboard.write([
                                    new ClipboardItem({
                                        'image/png': imageBlob
                                    })
                                ]);

                                resolve(true);  
                            });
                        }"
                        , Convert.ToBase64String(fileBytes));

await _pasterAppPage.Keyboard.DownAsync("Control");
                    await _pasterAppPage.Keyboard.PressAsync("V");
                    await _pasterAppPage.Keyboard.UpAsync("Control");

Interestingly navigator.clipboard.writeText for adding text works fine.

I am using .NET Core 6.0.

Maybe I need to go back to using Puppeteersharp version 7.

[fictus]

In all honesty I think the real answer was me adding the OverridePermission “after” navigating to the URL and also triggering the “click” event into the textbox before pasting.

More than likely all that other stuff is nothing more than a previous desperate attempt from me trying to find a solution.

[kblok]

I had to add three new flags when creating the browser

Weird. PuppeteerSharp is already adding those args.