Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Icons are missing #1495

Open
2 tasks done
cerenbattal opened this issue Sep 25, 2024 · 4 comments
Open
2 tasks done

Icons are missing #1495

cerenbattal opened this issue Sep 25, 2024 · 4 comments
Labels
triage We discuss this topic in our internal weekly

Comments

@cerenbattal
Copy link

cerenbattal commented Sep 25, 2024

Prerequisites

  • I have read the Contributing Guidelines.
  • I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

Hi,
We develop a product with React. We use webpack as a module bundler. However, we are having issues displaying ix icons. Sometimes they are completely missing on the whole UI. We do not have any specific case or scenario to reproduce this issue. Please see the screenshots below:

image
image
image

The icons that are on the screenshots above (and all the icons on our UI) are all IxIcon components. They are gone
sporadically on all the UI. Here is our package.json:

"devDependencies": {
     .....
    "copy-webpack-plugin": "^11.0.0",
    "css-loader": "^6.7.1",
    "css-minimizer-webpack-plugin": "^4.2.2",
    "echarts-for-react": "^3.0.2",
    "html-webpack-plugin": "^5.5.0",
    "mini-css-extract-plugin": "^2.6.1",
    "postcss": "^8.4.18",
    "postcss-loader": "^7.0.1",
    "prettier": "2.7.1",
    "react-chartjs-2": "^5.2.0",
    "react-refresh": "^0.14.0",
    "react-transition-group": "^4.4.5",
    "style-loader": "^3.3.1",
    "tailwindcss": "^3.4.1",
    "terser-webpack-plugin": "^5.3.6",
    "webpack": "^5.74.0",
    "webpack-bundle-analyzer": "^4.6.1",
    "webpack-cli": "^4.10.0",
    "webpack-dev-server": "^4.11.1",
    "webpack-merge": "^5.8.0" 
     .....
 },
  "dependencies": 
    .....
    "@siemens/ix-echarts": "^2.1.1",
    "@siemens/ix-icons": "^2.2.0",
    "@siemens/ix-react": "^2.4.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
     .....
  }, 

What type of frontend framework are you seeing the problem on?

React

Which version of iX do you use?

v2.4.0

Code to produce this issue.

This issue happens on our private repository. Here is the smallest codesandbox that I can create:

https://codesandbox.io/p/devbox/pl3yt6
@cerenbattal cerenbattal added the triage We discuss this topic in our internal weekly label Sep 25, 2024
@matthiashader
Copy link
Collaborator

Hello @cerenbattal, thanks for your insights - I’ve attempted to recreate the issue across different browsers and frameworks, but so far, I haven’t been able to replicate it. Also your code sandbox seems to work just fine on my site, can you verify that the icon in your code sandbox is not working? Otherwise i would recommend trying to upgrade to the newest iX version an see if this resolves your problem.

@cerenbattal
Copy link
Author

cerenbattal commented Oct 7, 2024

Hi @matthiashader, unfortunately, we do not have any reproducing steps for this bug. It just happens sporadically. I've just installed all the required npm packages on the code sandbox with the exact versions that we use on our project. I assume that this bug might not be related to the device's OS version. But I want to ask anyway, is there any possibility?

@cerenbattal
Copy link
Author

Hi @matthiashader, unfortunately, we do not have any reproducing steps for this bug. It just happens sporadically. I've just installed all the required npm packages on the code sandbox with the exact versions that we use on our project. I assume that this bug might not be related to the device's OS version. But I want to ask anyway, is there any possibility?

Do you still recommend upgrading iX to 2.5.0?

@matthiashader
Copy link
Collaborator

Hello @cerenbattal - yes, I would at least try. Alternatively, I can offer you to write to our team email to organize a call so we can check it together. Without any possibility of reproducing the issue, it’s really hard to say where the problem is. ([email protected])

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
triage We discuss this topic in our internal weekly
Projects
None yet
Development

No branches or pull requests

2 participants