ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(button): prevent clickarea from blocking sibling content

Browse source
This commit is contained in:
Joren Broekema 2020-03-24 13:28:08 +01:00 committed by Thomas Allmer
parent eadb0fd971
commit 2b2d6b34aa
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/button/src/LionButton.js
View file

@ -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>
`;
}