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

Add-ons Development
#1

Hi,

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.json

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

popup.html

<html>

<head>
  <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" />
</head>

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

</html>

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

#2

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.