Skip to content

Fix Safari Icon issue with SVG rendering#657

Merged
dej611 merged 11 commits intomasterfrom
build/replace-rollup-plugins
Jan 13, 2021
Merged

Fix Safari Icon issue with SVG rendering#657
dej611 merged 11 commits intomasterfrom
build/replace-rollup-plugins

Conversation

@dej611
Copy link
Copy Markdown
Member

@dej611 dej611 commented Jan 6, 2021

Fixes #654

This PR addresses the bug with Safari and SVG icons from the BI sprite asset.

The Icon pipeline has been rewritten to use the SVGR tool to automatically generate a JSX component for each raw SVG icon in the BI tool.

  • ✨ Reworked the Icon pipeline to make it work with Safari (new build:svg npm script)
  • 🚚 Moved prettier config to make it work for SVGR too
  • 📸 Updated tests snapshots

It would be nice to have something like Browserstack tests for this to test. I've locally tested it with a Gatsby instance, but having a CI check would be even better.

PR Checklist

  • My branch is up-to-date with the Upstream master branch.
  • The unit tests pass locally with my changes

@sebbalex sebbalex requested a review from emilioSp January 12, 2021 08:54
Copy link
Copy Markdown
Collaborator

@emilioSp emilioSp left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM.
I've also tested it with Safari on https://github.com/italia/api-oas-checker

Thanks, @dej611

@sebbalex
Copy link
Copy Markdown
Member

Thank you both @dej611 @emilioSp 🙏

@dej611 dej611 merged commit c234d9e into master Jan 13, 2021
@dej611 dej611 deleted the build/replace-rollup-plugins branch January 13, 2021 08:39
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.

[BUG] SVG Icons are broken in Safari

3 participants