github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-20 14:39:48 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: Apply classes when lazily loading images

Browse Source 
If an image had extra classes (for example oneboxes), then while loading
the copy of the image would lose those classes and look differently
until the image had loaded fully.

This fix copies the classes while loading.
This commit is contained in:
Robin Ward 2019-01-09 12:54:21 -05:00
parent 439eff4709
commit 312e282b6a
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/discourse/lib/lazy-load-images.js.es6
View File

@ -19,7 +19,8 @@ function hide(image) {
src: image.src,
srcset: image.srcset,
width: image.width,
height: image.height
height: image.height,
className: image.className
});
image.removeAttribute("srcset");
@ -51,6 +52,7 @@ function show(image) {
copyImg.style.left = `${image.offsetLeft}px`;
copyImg.style.width = imageData.width;
copyImg.style.height = imageData.height;
copyImg.className = imageData.className;
image.parentNode.appendChild(copyImg);
} else {