From 2b2d6b34aa9d8d61f01302480f280ec502da8765 Mon Sep 17 00:00:00 2001
From: Joren Broekema <joren.broekema@ing.com>
Date: Tue, 24 Mar 2020 13:28:08 +0100
Subject: [PATCH] fix(button): prevent clickarea from blocking sibling content

---
 packages/button/src/LionButton.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/button/src/LionButton.js b/packages/button/src/LionButton.js
index 4c63cefc3..13826a3c6 100644
--- a/packages/button/src/LionButton.js
+++ b/packages/button/src/LionButton.js
@@ -1,10 +1,10 @@
 import {
-  css,
-  html,
   browserDetection,
-  SlotMixin,
+  css,
   DisabledWithTabIndexMixin,
+  html,
   LitElement,
+  SlotMixin,
 } from '@lion/core';
 
 const isKeyboardClickEvent = e => e.keyCode === 32 /* space */ || e.keyCode === 13; /* enter */
@@ -31,6 +31,7 @@ export class LionButton extends DisabledWithTabIndexMixin(SlotMixin(LitElement))
   render() {
     return html`
       <div class="btn">
+        <div class="click-area"></div>
         ${this._beforeTemplate()}
         ${browserDetection.isIE11
           ? html`
@@ -41,7 +42,6 @@ export class LionButton extends DisabledWithTabIndexMixin(SlotMixin(LitElement))
             `}
         ${this._afterTemplate()}
         <slot name="_button"></slot>
-        <div class="click-area"></div>
       </div>
     `;
   }