Hello,

IPS allows adding "non-standard" emoticons that might be much bigger than line-height.

I'm developing a chat application with default scheme where newer messages appears at the bottom of chat window.

I've dealt with inserting images, resizing and lazy-loading, but I can't deal with content reflow which apperas when "non-standard" emoticons are being used.

Video of page loading in "Slow 3G" mode:

<p>
	<img alt=":ouch:" data-emoticon="" src="<fileStore.core_Emoticons>/emoticons/ouch.png" title=":ouch:" />
</p>

The <img /> tag hasn't height attribute, which produces content reflow when browser obtained it's metadata and actual height.

I ask for your advice, because I've run out of ideas.

Edited February 7, 20222 yr by White Miku

Custom emoji (emoticons) should contain dimensions, providing that the are populated in the database (see core_emoticons). I suspect you may have some values missing, maybe they're really old emoticons.