<li>
	<div role="menuitem"
	     v-class="folder: hasChildren, selected: selected, open: open">

		<i class="fa fa-lg"
		   v-class="fa-caret-right: !open, fa-caret-down: open"
		   v-on="click: open = !open"></i>

		<i class="fa fa-check fa-lg"></i>

		<span v-on="click: toggle">{{ title }}</span>
	</div>

	<ul v-if="hasChildren && open">
		<li v-repeat="children | orderBy sortBy sortDsc"
		    v-with="sortBy: sortBy, sortDsc: sortDsc"
		    v-component="dropdown-item"></li>
	</ul>
</li>

<li>
	<div role="menuitem"
	     v-class="folder: hasChildren, selected: selected, open: open">

		<i class="fa fa-lg"
		   v-class="fa-caret-right: !open, fa-caret-down: open"
		   v-on="click: open = !open"
			 style="cursor: pointer"></i>

		<i class="fa fa-check fa-lg"></i>

		<span v-on="click: toggle" style="cursor: pointer">{{ title }}</span>
	</div>

	<ul v-if="hasChildren && open">
		<li v-repeat="children | orderBy sortBy sortDsc"
		    v-with="sortBy: sortBy, sortDsc: sortDsc"
		    v-component="dropdown-item"></li>
	</ul>
</li>

Set the cursor over the dropdown targets
Set the cursor over the dropdown targets

Set the cursor to pointer over the clickable parts of the dropdown menu to
compensate for how small the targets are.
