SVG Icon Appears Darker in Nav4 Due to Unintended Filter Application

XMLWordPrintable

    • Minor
    • Visual regression testing, Unit testing

      Issue Summary:

      SVG icons used in the new navigation (Nav4) appear visually darker due to an unintended CSS filter being applied. Specifically, the SVG includes a <filter id="changeFillColor"> element that is inadvertently triggered by the navigation system.

      Steps to Reproduce

      1. Configure a Forge app to use an SVG icon via the manifest:
        icon: resource:kit-assets;images/app-logo.svg
      1. Deploy the app and navigate to the app entry in the new Jira navigation (Nav4).
      1. Observe the visual appearance of the icon in the sidebar.

      Expected Results

      The SVG icon should retain its original appearance and colors, matching how it looks outside of the Jira navigation.

      Actual Results

      The icon appears significantly darker than intended, due to the <filter id="changeFillColor"> being unintentionally applied or interpreted by the UI rendering engine.

      Workaround

      As a temporary solution, replacing the SVG icon with a PNG version avoids the issue.

            Assignee:
            Soloman Weng
            Reporter:
            Tatiane Padovani (Inactive)
            Votes:
            1 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: