Jump to content

Content reflow and non-standard emoticons

Go to solution Solved by Stuart Silvester,

Recommended Posts


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:

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

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 by White Miku
Link to comment
Share on other sites

  • 3 months later...
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...