Bugzilla

This comes from the following code:

https://github.com/mozilla-bteam/bmo/blob/f52985e0aceb22147a9aea4d366b8814de198dd2/js/components/select.js#L794
```js
class BzSelectElement extends HTMLElement {
...
  #showDropdown() {
...
    document.body.style.setProperty('overflow', 'hidden');
```

I suppose it's to suppress scroll which makes the drop down menu off from the anchor, but the scrollbar getting hidden/shown for each click is more problematic, given that happens while regular operation, and it's hard to operate on each menu if the entire page content shifts every time.

possible solutions:
  * (a) apply `overflow-y: scroll` + `position: fixed` instead
  * (b) just allow scrolling
  * (b) allow scrolling, and periodically update the menu position

This comes from the following code:

https://github.com/mozilla-bteam/bmo/blob/f52985e0aceb22147a9aea4d366b8814de198dd2/js/components/select.js#L794
```js
class BzSelectElement extends HTMLElement {
...
  #showDropdown() {
...
    document.body.style.setProperty('overflow', 'hidden');
```

I suppose it's to suppress scroll which makes the drop down menu off from the anchor, but the scrollbar getting hidden/shown for each click is more problematic, given that happens while regular operation, and it's hard to operate on each menu if the entire page content shifts every time.

possible solutions:
  * ~~(a) apply `overflow-y: scroll` + `position: fixed` instead~~ (this resets the scroll position, and doesn't work well if the menu is opened with scrollTop != 0)
  * (b) just allow scrolling
  * (b) allow scrolling, and periodically update the menu position

This comes from the following code:

https://github.com/mozilla-bteam/bmo/blob/f52985e0aceb22147a9aea4d366b8814de198dd2/js/components/select.js#L794
```js
class BzSelectElement extends HTMLElement {
...
  #showDropdown() {
...
    document.body.style.setProperty('overflow', 'hidden');
```

I suppose it's to suppress scroll which makes the drop down menu off from the anchor, but the scrollbar getting hidden/shown for each click is more problematic, given that happens while regular operation, and it's hard to operate on each menu if the entire page content shifts every time.

possible solutions:
  * ~~(a) apply `overflow-y: scroll` + `position: fixed` instead~~ (this resets the scroll position, and doesn't work well if the menu is opened with scrollTop != 0)
  * (b) just allow scrolling
  * (c) allow scrolling, and periodically update the menu position