quill-emoji icon indicating copy to clipboard operation
quill-emoji copied to clipboard

Emojis not showing after opening palette - Angular 11

Open ramirofarias opened this issue 2 years ago • 5 comments

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

ramirofarias avatar Apr 10 '22 19:04 ramirofarias

I have the same problem. Iam useing VueJs,

notice that the image of the css does not load

image

Any idea?

Thanks

mplizandro avatar Apr 21 '22 10:04 mplizandro

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

mplizandro avatar Apr 21 '22 14:04 mplizandro

Same issue on React 18+.

jason-allen-oneal avatar Jun 24 '23 00:06 jason-allen-oneal

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

parveezahamed avatar Dec 08 '23 06:12 parveezahamed

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 !

stickchartkeith avatar Jan 18 '24 02:01 stickchartkeith