erratic behaviour on custom table header

When using this:

<template slot="HEAD_selected" scope="data">
	<input type="checkbox" v-model="allSelected">
	{{allSelectedCheckbox}}
</template>

The checkbox won’t change. If I move the checkbox outside of the table it works fine.

It seems the problem is related to the column sorting. I have disabled it for that column but I still get an erratic behaviour as you can see here. Don’t mind the hand cursor, I have enabled it for the table with CSS.

[alexsasharegan]

@PierBover, I believe you can even get as terse as @click.stop

[tmorehouse]

The example is a prototype of b-table. I’ll be making an updated fiddle for the docs which includes the new features, which will include an example using checkboxes.