Webextensions: Date input element in browser action does not work in desktop


I have a form inside a browser action which has a date-picker. I decided to start with using

html 5 date input picker.

However, I observed that the date-picker does not display the “control UI” in firefox desktop (checked in ubuntu). However, it works fine in chrome and firefox for android.

Here is a sample code which can help in reproducing the issue.


  "manifest_version": 2,
  "version": "1.0.0",
  "name": "Date works?",
  "browser_action": {
    "default_popup": "popup.html",
    "default_title": "Popup"



  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="css/datepicker.css" />

    <input type="date" id="date" name="submit" />
    <input type="submit" value="Submit" />


Can someone please help me in getting this working or an elegant workaround for this?

I doubt this could work, since the date picker is a popup panel itself, but it surely would be worth filing a bug for. I’m pretty sure most extension page contexts (sidebars, options pages, devtools pages) also suffer this issue, however those should be able to host the popup for sure.

This is still an issue. In fact it is not working even for input type=file.