CODEWITHSUNDEEP
reactjssvgwebpackelectronmaterial-ui
inaumov17
inaumov17

Reputation: 1339

Electron + ReactJS + Material-UI Rendering Glitches

I'm working on a desktop app based on Electron + ReactJS + Redux + Material-UI + Webpack. Everything runs fine except some Material-UI components, like <IconMenu /> and <CircularProgress />. These elements are not rendered properly by Electron, however they work fine in Chrome Browser.

Here are some screenshots:

<IconMenu /> got

instead of

<IconMenu /> expected

<CircularProgress /> got

instead of

<CircularProgress /> expected

I've no idea why it's happening so as custom transitions works fine but I actually think that the issue is that they are using SVG elements that are not being rendered correctly. However, custom-loaded SVG works fine.

That's really annoying and I spent a lot of time to handle it with no result, so finally I'm here asking for help.

Upvotes: 13

Views: 366

Answers (1)

inaumov17
inaumov17

Reputation: 1339

Luckily the issue is solved with updating Electron to version 1.8.0.

Upvotes: 8

Related Questions