<!--  As an open source project with a dedicated but small maintainer team, it can sometimes take a long time for issues to be addressed so please be patient and we will get back to you as soon as we can.
-->

### Preflight Checklist
<!-- Please ensure you've completed the following steps by replacing [ ] with [x]-->

* [x] I have read the [Contributing Guidelines](https://github.com/electron/electron/blob/master/CONTRIBUTING.md) for this project.
* [x] I agree to follow the [Code of Conduct](https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md) that this project adheres to.
* [x] I have searched the issue tracker for an issue that matches the one I want to file, without success.

### Issue Details

* **Electron Version:** v9.0.4
* **Operating System:** mac OS 10.14.6
* **Last Known Working Electron version:**:  2.0.2

### Expected Behavior

[Document packages](https://developer.apple.com/library/archive/documentation/CoreFoundation/Conceptual/CFBundles/DocumentPackages/DocumentPackages.html#//apple_ref/doc/uid/10000123i-CH106-SW1) should be selectable in an `<input type="file">`. (As they are in Firefox, Safari and Chrome.)

### Actual Behavior

Packages cannot be selected in an `<input type="file">`.

### Additional Information

This is the exact opposite of #13219. Sometimes you *do* want the user to be able to choose a package file - not for apps, perhaps, but certainly for `.pkg`, old-style or large `.pages`, `.keynote` and `.numbers` files, or in the case I'm working with, `.ufo` font source files. Currently, if I have `<input type="file" accept=".ufo"/>`, I can't select the package itself because the dialog opens it as a directory and shows the contained files, and if I have `<input type="file" accept=".ufo" directory/>`, I can't select the package itself because the dialog treats it as a file and not a directory! 🤷

#13220, which addressed #13219, decided to "patch out the broken behavior and look into getting the optimum behavior later". But I don't think it was ever looked into.
shell/browser/web_dialog_helper.cc
const std::vector<base::string16>& accept_types) {
  file_dialog::Filters filters;
  if (accept_types.empty())
    return filters;
  std::vector<base::FilePath::StringType> extensions;
  int valid_type_count = 0;
  std::string description;
  for (const auto& accept_type : accept_types) {
    std::string ascii_type = base::UTF16ToASCII(accept_type);
    auto old_extension_size = extensions.size();
    if (ascii_type[0] == '.') {
      
      
      base::FilePath::StringType extension(ascii_type.begin(),
                                           ascii_type.end());
      
      extensions.push_back(extension.substr(1));
    } else {
      if (ascii_type == "image/*")
        description = "Image Files";
      else if (ascii_type == "audio/*")
        description = "Audio Files";
      else if (ascii_type == "video/*")
        description = "Video Files";