Site Logo block options do not appear if SVG is selected (Firefox)

[coreyworrell]

Description

In Firefox, if you select an SVG image for the Site Logo block, the Settings panel disappears. You cannot set the image width, link to home, etc.

Step-by-step reproduction instructions

1. Insert Site Logo block
2. Upload/select an .svg file

Screenshots, screen recording, code snippet

JPG selected:

SVG selected:

Environment info

• WP 6.0.1
• Firefox 103.0
• Ubuntu 20.04.4

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[carolinan]

SVG is not a supported file format for the logo. Until WordPress core officially supports uploading svg's securely, I think this needs to be labeled as a feature request, not a bug?

Related: https://core.trac.wordpress.org/ticket/24251

[luminuu]

Can confirm this is still a problem with Firefox. Does work with Chrome and Safari. I'd consider it as a bug, even if SVGs are not officially supported, but it does work in other browsers.

[coreyworrell]

@luminuu I've found that if the SVG does have both width and height attributes, then it works correctly in the editor. We also use the Safe SVG plugin.

[t-hamano]

I was also able to reproduce this problem. Furthermore, in Chrome, if you set an SVG image without width/height attributes as the site logo and then try to resize it, the icon disappears. The resizing issue does not occur with the Media & Text or the Image blocks.

This problem may be considered to be a problem specific to the Site Logo block.

e5030c3767e0b8cfeed27bf5c6cc2e8a.mp4

[diniciacci]

I can confirm this bug as still present with WP 6.6.1. In particular I'm referring to the part also mentioned in #46784 about resizing of SVG not working. That part does not work in any browser.