<!--  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
#include "shell/common/gin_helper/dictionary.h"
#include "ui/shell_dialogs/selected_file_info.h"
using blink::mojom::FileChooserFileInfo;
using blink::mojom::FileChooserFileInfoPtr;
using blink::mojom::FileChooserParams;
namespace {
class FileSelectHelper : public base::RefCounted<FileSelectHelper>,
                         public content::WebContentsObserver,
                         public net::DirectoryLister::DirectoryListerDelegate {
 public:
  REQUIRE_ADOPTION_FOR_REFCOUNTED_TYPE();
  FileSelectHelper(content::RenderFrameHost* render_frame_host,
                   scoped_refptr<content::FileSelectListener> listener,
                   blink::mojom::FileChooserParams::Mode mode)
      : render_frame_host_(render_frame_host),
        listener_(std::move(listener)),
        mode_(mode) {
    auto* web_contents =
        content::WebContents::FromRenderFrameHost(render_frame_host);
    content::WebContentsObserver::Observe(web_contents);
  }
  void ShowOpenDialog(const file_dialog::DialogSettings& settings) {
    v8::Isolate* isolate = electron::JavascriptEnvironment::GetIsolate();
    v8::HandleScope scope(isolate);
    gin_helper::Promise<gin_helper::Dictionary> promise(isolate);
    auto callback = base::BindOnce(&FileSelectHelper::OnOpenDialogDone, this);
    ignore_result(promise.Then(std::move(callback)));
    file_dialog::ShowOpenDialog(settings, std::move(promise));
  }
  void ShowSaveDialog(const file_dialog::DialogSettings& settings) {