From cce4b20117d4001865f5aa45b1d9ccf581fe1466 Mon Sep 17 00:00:00 2001
From: martinkupa <martinkupa@hotmail.com>
Date: Fri, 10 Jan 2025 16:44:45 -0300
Subject: [PATCH] Mention required order on form controls' modifiers

---
 docs/documentation/form/general.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/documentation/form/general.html b/docs/documentation/form/general.html
index 229b88532..bcb8ac4b9 100644
--- a/docs/documentation/form/general.html
+++ b/docs/documentation/form/general.html
@@ -915,7 +915,8 @@
     <li><code>icon is-left</code> if <code>has-icons-left</code> is used</li>
     <li><code>icon is-right</code> if <code>has-icons-right</code> is used</li>
   </ul>
-  <p>The size of the <strong>input</strong> will define the size of the icon container.</p>
+  <p>Make sure the input is the control's first child, otherwise the icon may disappear when selected. The size of the
+    <strong>input</strong> will define the size of the icon container.</p>
 </div>
 
 {% include docs/elements/snippet.html content=icons_example clipped=true %}