not working in electron windows.

ealush / emoji-picker-react

The most popular React Emoji Picker

https://ealush.com/emoji-picker-react/

MIT License

1.05k stars 172 forks source link

not working in electron windows. #378

Open dhananjay0610 opened 10 months ago

dhananjay0610 commented 10 months ago

we are using inside a project using react.js, we are using this inside a electron window and it isn't working.

ealush commented 10 months ago

What do you mean by not working?

dhananjay0610 commented 10 months ago

the css isn't working

ealush commented 10 months ago

oh my. can you try importing the CSS separately from the dist just to see if it works?

ealush commented 10 months ago

Can you try: dist/emoji-picker-react.cjs.development.css if that works for you, I will try to understand how to provide a more reliable style source. I have little experience with electron, so I am not completely certain why it doesn't load the stylesheet.

dhananjay0610 commented 10 months ago

i tried using import 'emoji-picker-react/dist/emoji-picker-react.cjs.development.css';

inside the file where <EmojiPicker is used but don't see any change.still same issue

dhananjay0610 commented 10 months ago

I found this in Electron file :

- components using CSS/SASS to be loaded by webpack style-loader will not work and should be migrated to chameleon-chakra-ui
- many features are only supported in Electron environment

ealush commented 10 months ago

How do you usually consume styles in your application?

dhananjay0610 commented 10 months ago

using chakra ui

ealush commented 10 months ago

Yeah, that might be an issue. The picker is build directly with CSS. What about trying to consume the stylisheet via a style tag as suggested here?

https://stackoverflow.com/questions/61162683/electron-how-to-import-or-include-css-installed-using-npm-package-manager-in-ou

Essentially, we need to find a way to get the picker styles to your application.