prevent paper-listbox selection change through child element activation

[Joern Turner]

I got a paper-listbox containing a paper-checkbox contained within each paper-item of the list.

<paper-listbox id="groupMembers" multi attr-for-selected="label"> 
    <template is="dom-repeat" items="[[users]]" as="member"> 
        <paper-item label="[[member.user]]"> 
            <span class="member-user">[[member.user]]</span> 
            <paper-checkbox checked="[[member.isManager]]"></paper-checkbox>
        </paper-item> 
    </template> 
</paper-listbox>

 

Whenever the checkbox is clicked it also changes the selected state of the listbox items resulting in an paper-item becoming selected or deselected.

How can that be prevented? Tried various approaches with canceling event however with no luck and running out of ideas.

Thanks,

Joern