Svelte component handling click events on its parent element

LinkCoveringParentNode.svelte

<script>
	export let inputid = '';
	export let content = 'Read more…';
	export let handleClick = () => {};
</script>

<style>
	.coveringparentnode {
		position: absolute;
		z-index: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;

		cursor: pointer;
	}

	.displaynone {
		display: none;
	}
</style>

<label for={inputid} class="coveringparentnode"></label>
<button id={inputid} class="displaynone" on:click={handleClick} on:keyup={handleClick} >{content}</button>