docs.google.com - site is not usable

[msielski]

URL: https://docs.google.com

Browser / Version: Firefox 107.0
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Chrome

Problem type: Site is not usable
Description: Missing items
Steps to Reproduce:
Since FireFox 107, if you have the page Zoomed at all, the icon background images in the Google Docs or Sheets toolbar do not display. Seems CSS related, in particular:

.docs-gm .docs-material .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite444_grey_medium.svg);
}

All the SVG URLs I tried here also didn't display. If you switch it to a PNG like the following, it works.

.docs-gm .docs-material .docs-icon-img {
content: url(https://i.imgur.com/rKjS2UU.png);
}

So I wonder if something in 117 with the CSS content property and zoom has broken.

Reports to Google docs product is at: https://support.google.com/docs/thread/190376478/google-docs-toolbar-icons-are-not-fully-visible-but-the-toolbar-is-in-place

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-raul-bucata]

@msielski We appreciate your report. This is a known issue and it is currently under investigation by our team. Please refer to :
https://bugzilla.mozilla.org/show_bug.cgi?id=1773355 for future updates and workaround. Closing this as a Duplicate.

[qa_49/2022]