Content reflow and non-standard emoticons

[White Miku]

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, 2022 by White Miku

[Stuart Silvester]

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.