From 2c505502a5b80061a7a944aa4bb6133defc61c73 Mon Sep 17 00:00:00 2001
From: Into the V0id <57257404+into-the-v0id@users.noreply.github.com>
Date: Thu, 7 Oct 2021 08:00:02 +0000
Subject: [PATCH] HTML image tag (#25)

* Added width & height to html image tag. Lazy loading image now
* HTML encoded ampersand in image src
---
 Resources/Private/Frontend/Partials/Easycaptcha.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/Resources/Private/Frontend/Partials/Easycaptcha.html b/Resources/Private/Frontend/Partials/Easycaptcha.html
index ca41e43..8b33f0f 100644
--- a/Resources/Private/Frontend/Partials/Easycaptcha.html
+++ b/Resources/Private/Frontend/Partials/Easycaptcha.html
@@ -8,7 +8,9 @@
         <f:format.raw>
             <easyCaptcha:render/>
             <div class="{element.properties.containerClassAttribute}">
-                <img id="captcha-image" alt="{captchaImageAltAttribute}" src="{captchaImage}?pid={currentPid}&identifier={element.identifier}"/>
+                <img src="{captchaImage}?pid={currentPid}&amp;identifier={element.identifier}"
+                     alt="{captchaImageAltAttribute}" id="captcha-image" loading="lazy"
+                     width="{element.properties.width}" height="{element.properties.height}">
             </div>
             <div class="captcha-actions">
                 <f:if condition="{element.properties.enableTts} == true">