Bugzilla

In bug 1836872 we discovered that scrollbar interop is causing a usability issue when trying to access the font sub-menus on Google Docs with the scrollbar on Firefox. While we work to resolve that, it would be good to at least nudge the menus left a little bit on Windows and Linux, if there is no better way to use JS and CSS to detect if a scrollbar is visible (for users on MacOS who always show scrollbars in the OS settings).

In bug 1836872 we discovered that scrollbar interop is causing a usability issue when trying to access the font sub-menus on Google Docs with the scrollbar on Firefox. While we work to resolve that, it would be good to at least nudge the menus left a little bit on Windows and Linux (in my testing on MacOS, the menu overlaps with the scrollbar when I force-enable scrollbars in the system settings, so it seems Windows/Linux only maybe sufficient).

In bug 1836872 we discovered that scrollbar interop is causing a usability issue when trying to access the font sub-menus on Google Docs with the scrollbar on Firefox. While we work to resolve that, it would be good to at least nudge the menus left a little bit. This is tricky, as Docs tends to not annotate when a menu is a submenu, but it seems that top-level menus all have extra CSS classes, so searching for an string match on the selector seems to do the trick:
```
[class="goog-menu goog-menu-vertical"] {
  margin-left:-20px;
}
```

I'm not sure if -20px is wide enough in all cases (especially on Windows), but we can't reliably know a scrollbar's width without querying internal Firefox code which isn't available in a content script (via `windowUtils.getScrollbarSize`), which is likely to be tricky.

In bug 1836872 we discovered that scrollbar interop is causing a usability issue when trying to access the font sub-menus on Google Docs with the scrollbar on Firefox. While we work to resolve that, it would be good to at least nudge the menus left a little bit. This seems to do the trick:
```
.goog-menu.apps-menu-hide-mnemonics {
    margin-inline-start: -20px;
}
```

I'm not sure if -20px is wide enough in all cases (especially on Windows), but we can't reliably know a scrollbar's width without querying internal Firefox code which isn't available in a content script (via `windowUtils.getScrollbarSize`), which is likely to be tricky.

In bug 1836872 we discovered that scrollbar interop is causing a usability issue when trying to access the font sub-menus on Google Docs with the scrollbar on Firefox. While we work to resolve that, it would be good to at least nudge the menus left a little bit. This seems to do the trick:
```
[class="goog-menu goog-menu-vertical"], /* font family sub-menus */
.goog-menu.apps-menu-hide-mnemonics { /* font style sub-menus */
    margin-inline-start: -20px;
}
```

I'm not sure if -20px is wide enough in all cases (especially on Windows), but we can't reliably know a scrollbar's width without querying internal Firefox code which isn't available in a content script (via `windowUtils.getScrollbarSize`), which is likely to be tricky.