Skip to content

Transparent icon for some extensions that supply a DevTools Panel #237

Open
@bengry

Description

@bengry

It seems like some extensions are getting a transparent icon in their devtools panel.
E.g. EditThisCookie
CleanShot 2024-03-20 at 20 17 46@2x

Trying to debug this a bit it seems like the <devtools-icon> element has the correct value for the icon source as it's [name], and in the root <span> (inside the shadow root) a wrong --icon-url CSS variable is injected. In this case it's:
url(chrome-extension://fngmhnnpilhplaeedifhccceomclgfbg/img/icon_32x32.png.svg), which leads to a file that doesn't exist. I'm not sure why the .svg suffix is automatically appended.

Furthermore, if I manually remove the .svg suffix, a mask in the same shape as the icon is displayed, instead of the icon:
CleanShot 2024-03-20 at 20 21 42@2x

I think adding the extension's icon is an Edge-specific feature, as in Chrome this is what I get:
CleanShot 2024-03-20 at 20 23 02@2x

OS: macOS 14.4 (23E214)
Edge version: Version 122.0.2365.92

AB#49588478

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtrackedThis issue is now tracked on our internal backlog

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions