<!--  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]-->

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

### Issue Details

* **Electron Version:**
  * <!-- (output of `node_modules/.bin/electron --version`) e.g. 4.0.3 -->11.1.1
* **Operating System:**
  * <!-- (Platform and Version) e.g. macOS 10.13.6 / Windows 10 (1803) / Ubuntu 18.04 x64 -->macOS 11.1
* **Last Known Working Electron version:**
  * <!-- (if applicable) e.g. 3.1.0 -->9.0.0

### Expected Behavior
<!-- A clear and concise description of what you expected to happen. -->It shouldn't be dragged, it should be a click.

### Actual Behavior
<!-- A clear and concise description of what actually happened. -->It is dragged in BrowserView and cannot be clicked.

### To Reproduce
<!--
Your best chance of getting this bug looked at quickly is to provide an example.
-->
```
// main.js
const findInpage = new BrowserView({
  webPreferences: {
    nodeIntegration: true,
  },
});

const [viewWidth] = mainWindow.getContentSize();
mainwindow.setBrowserView(findInPage);
findInPage.setBounds({
  x: viewWidth - 406,
  y: 2,
  width: 402,
  height: 42,
});
findInPage.webContents.loadURL('..find-in-page.html');


// find-in-page.html
<html>
<head><style>...</style></head>
<body style="-webkit-app-region: no-drag;">
<div>
  <input /><span>0/0</span>
  <button>Aa</button>
  <button>up</button>
  <button>down</button>
  <button>close</button>
</div>
</body>
</html>
```


<!--
For bugs that can be encapsulated in a small experiment, you can use Electron Fiddle (https://github.com/electron/fiddle) to publish your example to a GitHub Gist and link it your bug report.
-->

<!--
If Fiddle is insufficient to produce an example, please provide an example REPOSITORY that can be cloned and run. You can fork electron-quick-start (https://github.com/electron/electron-quick-start) and include a link to the branch with your changes.
-->

<!--
If you provide a URL, please list the commands required to clone/setup/run your repo e.g.
```sh
$ git clone $YOUR_URL -b $BRANCH
$ npm install
$ npm start || electron .
```
-->

### Screenshots
<!-- If applicable, add screenshots to help explain your problem. -->
https://user-images.githubusercontent.com/11021464/103020822-7bd18a00-458c-11eb-99ca-a31b4d837c8f.mov

### Additional Information
<!-- Add any other context about the problem here. -->




shell/browser/ui/drag_util.cc
std::unique_ptr<SkRegion> draggable,
    int width,
    int height) {
  std::vector<gfx::Rect> result;
  SkRegion non_draggable;
  non_draggable.op({0, 0, width, height}, SkRegion::kUnion_Op);
  non_draggable.op(*draggable, SkRegion::kDifference_Op);
  for (SkRegion::Iterator it(non_draggable); !it.done(); it.next()) {
    result.push_back(gfx::SkIRectToRect(it.rect()));
  }
  return result;
}
std::unique_ptr<SkRegion> DraggableRegionsToSkRegion(
    const std::vector<mojom::DraggableRegionPtr>& regions) {
  auto sk_region = std::make_unique<SkRegion>();
  for (const auto& region : regions) {
    sk_region->op(
        {region->bounds.x(), region->bounds.y(), region->bounds.right(),
         region->bounds.bottom()},
        region->draggable ? SkRegion::kUnion_Op : SkRegion::kDifference_Op);
  }
  return sk_region;
}
}