1821754 - BUG: color picker crashes in headless on Ubuntu

Status: NEW

(Firefox :: Headless, defect)

Description

[Andrey Lushnikov]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Steps to reproduce:

OS: Ubuntu 20.04
Firefox: 110 stable
Downstream bug: https://github.com/microsoft/playwright/issues/19929

Consider running the following puppeteer snippet:

// a.mjs
import puppeteer from 'puppeteer-core';

const browser = await puppeteer.launch({
  product: 'firefox',
  executablePath: '/usr/bin/firefox',
  dumpio: true,
});
const page = await browser.newPage();

await page.goto(
  'https://storage.googleapis.com/public-dev-test-lab/input/inputtypes.html'
);
const inputColorElement = await page.$('#input-color');
await inputColorElement?.click();

await browser.close();

Actual results:

Firefox crashes with the following output:

(firefox:3295229): Gtk-CRITICAL **: 11:03:34.737: _gtk_style_provider_private_get_settings: assertion 'GTK_IS_STYLE_PROVIDER_PRIVATE (provider)' failed
[Parent 3295229, Main Thread] WARNING: _gtk_style_provider_private_get_settings: assertion 'GTK_IS_STYLE_PROVIDER_PRIVATE (provider)' failed: 'glib warning', file /build/firefox-jjwe4i/firefox-110.0.1+build2/toolkit/xre/nsSigHandlers.cpp:167

Expected results:

The browser should not crash.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Widget: Gtk' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 3

[Andrey Lushnikov]

Just to make sure: this also happens with File Picker opening in Headless with Firefox 111:

Repro on Linux + Headless + Puppeteer:

// a.mjs
import puppeteer from 'puppeteer-core';

const browser = await puppeteer.launch({
  product: 'firefox',
  executablePath: '/usr/bin/firefox',
  dumpio: true,
});
const page = await browser.newPage();

await page.setContent(`
  <input type=file>
`);
const inputElement = await page.$('input');
await inputElement.click();

await browser.close();