Skip to content

fix(selectlist): host browser icons locally instead of hotlinking Wikimedia#149

Open
Dotify71 wants to merge 1 commit into
MicrosoftEdge:mainfrom
Dotify71:fix-selectlist-browser-icons
Open

fix(selectlist): host browser icons locally instead of hotlinking Wikimedia#149
Dotify71 wants to merge 1 commit into
MicrosoftEdge:mainfrom
Dotify71:fix-selectlist-browser-icons

Conversation

@Dotify71
Copy link
Copy Markdown

@Dotify71 Dotify71 commented Jun 4, 2026

Summary

Fixes #148

The Dribbble filter demo in /selectlist/index.html uses CSS background-image to display icons for six browsers (Brave, Edge, Chrome, Firefox, Safari, Opera). These images were hotlinked directly from Wikimedia Commons thumbnail URLs, such as:

https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Safari_browser_logo.svg/1200px-Safari_browser_logo.svg.png

These URLs now return HTTP 400 Bad Request or HTTP 404 Not Found because Wikimedia's CDN no longer serves thumbnails at arbitrary pixel dimensions when requested externally. As a result, all six browser icons fail to load silently in the demo.

Changes

  • Downloaded the original SVG/PNG source files from Wikimedia Commons
  • Added them to a new selectlist/images/ directory
  • Updated all six background-image CSS declarations in index.html to use local relative paths

Before / After

Before: Icons are broken (empty boxes) in the Browser filter dropdown
After: All browser icons render correctly from locally hosted files

Testing

Open selectlist/index.html in a browser (or the live GitHub Pages URL once merged) and check the Dribbble filter demo — the Browser dropdown should show all six icons correctly.

…imedia

The Dribbble filter demo used external Wikimedia thumbnail URLs for
browser icons (Brave, Edge, Chrome, Firefox, Safari, Opera). These
URLs now return HTTP 400/404 due to Wikimedia's CDN policy on
arbitrary thumbnail dimensions, causing all icons to silently fail
to load.

This commit downloads the original SVG/PNG source files from
Wikimedia Commons and stores them under selectlist/images/. The
CSS background-image declarations are updated to reference these
local paths, making the demo self-contained and reliable.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Broken images in selectlist demo due to Wikimedia thumbnail policy

1 participant