From c66ec2a9a949a9460f68343c7b47c458bf8a15b0 Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Mon, 14 Aug 2017 13:12:09 +0100
Subject: [PATCH] Fix #1053

---
 docs/documentation/elements/button.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html
index d044f89e..f3f1286d 100644
--- a/docs/documentation/elements/button.html
+++ b/docs/documentation/elements/button.html
@@ -539,7 +539,16 @@ variables:
 
     <div class="columns">
       <div class="column">
-        {{button_loading_example}}
+        <div class="block">
+          {{button_loading_example}}
+        </div>
+        <div class="message is-info">
+          <div class="message-body">
+            <p>
+              Since the loading spinner is implemented using the <code>:after</code> pseudo-element, it is not support by the <code>&lt;input type="submit"&gt;</code> element.
+            </p>
+          </div>
+        </div>
       </div>
       <div class="column">
         {% highlight html %}{{button_loading_example}}{% endhighlight %}