contentco / quill-emoji

Quill module toolbar extension for emoji
275 stars 165 forks source link

Emojis not showing after opening palette - Angular 11 #159

Open ramirofarias opened 2 years ago

ramirofarias commented 2 years ago

image

Emojis are not showing when I open the palette, but I can see they are being rendered when I check the inspector:

image

I already imported the CSS files on angular.json.

Any idea?

Thanks

mplizandro commented 2 years ago

I have the same problem. Iam useing VueJs,

notice that the image of the css does not load

image

Any idea?

Thanks

mplizandro commented 2 years ago

I answer myself, and I hope it also helps you the problem in my case was that it does not load the image where the sprits are, to solve what I did was make a copy of the image and added a custom css to overwrite the class that make the call

image

sorry for my english

jason-allen-oneal commented 1 year ago

Same issue on React 18+.

parveezahamed commented 9 months ago

On React 18+ the below CSS worked for me.

.ap { text-indent: 0px !important; font-size: 18px !important; height: 20px !important; line-height: 1.2 !important; margin-top: auto !important; width: 24px !important; }

Screenshot 2023-12-08 at 12 26 25 PM

stickchartkeith commented 7 months ago

On React 18+ the below CSS worked for me.

.ap { text-indent: 0px !important; font-size: 18px !important; height: 20px !important; line-height: 1.2 !important; margin-top: auto !important; width: 24px !important; }

Screenshot 2023-12-08 at 12 26 25 PM

This worked great for me as well (Next.js), thank you @parveezahamed !