not working in electron windows.

ealush / emoji-picker-react

The most popular React Emoji Picker

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

MIT License

1.09k stars 177 forks source link

not working in electron windows. #378

Open dhananjay0610 opened 1 year ago

dhananjay0610 commented 1 year 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 1 year ago

What do you mean by not working?

dhananjay0610 commented 1 year ago

the css isn't working

ealush commented 1 year ago

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

ealush commented 1 year 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 1 year 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 1 year 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 1 year ago

How do you usually consume styles in your application?

dhananjay0610 commented 1 year ago

using chakra ui

ealush commented 1 year 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.