Mention required order on form controls' modifiers

diff --git a/docs/documentation/form/general.html b/docs/documentation/form/general.html
index 229b88532093a792d7e824993d296ef9a97d4f30..bcb8ac4b9ce071afd02baa0a34f96d3ff82da271 100644 (file)
--- a/docs/documentation/form/general.html
+++ b/docs/documentation/form/general.html
@@ -915,7 +915,8 @@ variables_keys:
     <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 %}