<!--  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
: window_(window), offscreen_(offscreen), weak_factory_(this) {}
WebDialogHelper::~WebDialogHelper() = default;
void WebDialogHelper::RunFileChooser(
    content::RenderFrameHost* render_frame_host,
    scoped_refptr<content::FileSelectListener> listener,
    const blink::mojom::FileChooserParams& params) {
  file_dialog::DialogSettings settings;
  settings.force_detached = offscreen_;
  settings.filters = GetFileTypesFromAcceptType(params.accept_types);
  settings.parent_window = window_;
  settings.title = base::UTF16ToUTF8(params.title);
  auto file_select_helper = base::MakeRefCounted<FileSelectHelper>(
      render_frame_host, std::move(listener), params.mode);
  if (params.mode == FileChooserParams::Mode::kSave) {
    settings.default_path = params.default_file_name;
    file_select_helper->ShowSaveDialog(settings);
  } else {
    int flags = file_dialog::OPEN_DIALOG_CREATE_DIRECTORY;
    switch (params.mode) {
      case FileChooserParams::Mode::kOpenMultiple:
        flags |= file_dialog::OPEN_DIALOG_MULTI_SELECTIONS;
        FALLTHROUGH;
      case FileChooserParams::Mode::kOpen:
        flags |= file_dialog::OPEN_DIALOG_OPEN_FILE;
        flags |= file_dialog::OPEN_DIALOG_TREAT_PACKAGE_APP_AS_DIRECTORY;
        break;
      case FileChooserParams::Mode::kUploadFolder:
        flags |= file_dialog::OPEN_DIALOG_OPEN_DIRECTORY;
        break;