Tag filter edge cases

<section id="filteredEventsList" class="wb-filter wb-tagfilter wb-paginate provisional" data-wb-filter='{
	"selector": "li",
	"section": ".events-list",
	"uiTemplate": "#searchFilter"
}' data-wb-paginate='{
	"itemsPerPage": 5,
	"section": ".events-list",
	"selector": "li",
	"uiTarget": "#filteredEventsListPagination"
}'>
	<h2>Example 1 - Events list with text filter, pagination and data-json</h2>
	<div id="searchFilter" class="row mrgn-tp-lg">
		<div class="col-xs-12">
			<p class="h3 wb-fltr-info mrgn-tp-0"><span data-nbitem></span> results out of <span data-total></span></p>
			<div class="form-group">
				<label for="customSearchUI">Search</label>
				<input type="search" class="form-control full-width" id="customSearchUI">
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12 col-sm-4 col-lg-3">
			<details open>
				<summary>
					<h3>Filter options</h3>
				</summary>
				<div class="form-group mrgn-bttm-0">
					<fieldset>
						<legend class="h5 mrgn-tp-0"><span class="field-name">Language</span></legend>
						<ul class="list-unstyled">
							<li class="radio">
								<label>
									<input type="radio" name="language" class="wb-tagfilter-ctrl" value="" checked> All
								</label>
							</li>
							<li class="radio">
								<label>
									<input type="radio" name="language" class="wb-tagfilter-ctrl" value="language__french"> French
								</label>
							</li>
							<li class="radio">
								<label>
									<input type="radio" name="language" class="wb-tagfilter-ctrl" value="language__english"> English
								</label>
							</li>
						</ul>
					</fieldset>
				</div>
				<div class="form-group mrgn-bttm-0">
					<fieldset>
						<legend class="h5 mrgn-tp-0"><span class="field-name">Event location</span></legend>
						<ul class="list-unstyled">
							<li class="checkbox">
								<label>
									<input type="checkbox" name="location" class="wb-tagfilter-ctrl" value="location__montreal"> Montreal
								</label>
							</li>
							<li class="checkbox">
								<label>
									<input type="checkbox" name="location" class="wb-tagfilter-ctrl" value="location__online"> Online
								</label>
							</li>
							<li class="checkbox">
								<label>
									<input type="checkbox" name="location" class="wb-tagfilter-ctrl" value="location__ottawa"> Ottawa
								</label>
							</li>
							<li class="checkbox">
								<label>
									<input type="checkbox" name="location" class="wb-tagfilter-ctrl" value="location__toronto"> Toronto
								</label>
							</li>
							<li class="checkbox">
								<label>
									<input type="checkbox" name="location" class="wb-tagfilter-ctrl" value="location__vancouver"> Vancouver
								</label>
							</li>
						</ul>
					</fieldset>
				</div>
				<div class="form-group mrgn-bttm-0">
					<label for="dayList">Day of the week</label>
					<select id="dayList" name="dayOTW" class="form-control full-width wb-tagfilter-ctrl">
						<option value="">All</option>
						<option value="dayOTW_monday">Monday</option>
						<option value="dayOTW_tuesday">Tuesday</option>
						<option value="dayOTW_wednesday">Wednedsday</option>
						<option value="dayOTW_thursday">Thursday</option>
						<option value="dayOTW_friday">Friday</option>
						<option value="dayOTW_saturday">Saturday</option>
						<option value="dayOTW_sunday">Sunday</option>
					</select>
				</div>
			</details>
		</div>
		<div class="col-xs-12 col-sm-8 col-lg-9">
			<ul class="list-unstyled events-list wb-tagfilter-items" data-wb-json='{
				"url": "data_en.json#/events",
				"mapping": [
					{ "selector": "li", "attr": "data-wb-tags", "value": "/tags" },
					{ "selector": "h3", "value": "/title" },
					{ "selector": ".event-date", "value": "/date" },
					{ "selector": ".event-time", "value": "/time" },
					{ "selector": ".event-location", "value": "/location" },
					{ "selector": ".event-language", "value": "/language" }
				]
			}'>
				<template>
					<li data-wb-tags="">
						<h3></h3>
						<p><span class="event-date"></span> | <span class="event-time"></span></p>
						<p><strong>Location:</strong> <span class="event-location"></span>, <strong>Language</strong>: <span class="event-language"></span></p>
					</li>
				</template>
			</ul>
			<div class="wb-tagfilter-noresult">
				<p>No item match this combination of filters.</p>
			</div>
			<div id="filteredEventsListPagination"></div>
		</div>
	</div>
</section>

<section id="filteredAppsList" class="wb-filter wb-tagfilter wb-paginate provisional" data-wb-filter='{
	"selector": "div[data-wb-tags]",
	"section": ".wb-tagfilter-items",
	"uiTemplate": "#searchFilter2"
}' data-wb-paginate='{
	"itemsPerPage": 3,
	"section": ".wb-tagfilter-items",
	"selector": "div[data-wb-tags]",
	"uiTarget": "#filteredEventsListPagination2"
}'>
	<h2>Example 2 - Applications list with text filter and pagination</h2>
	<div id="searchFilter2" class="row mrgn-tp-lg">
		<div class="col-sm-12">
			<p class="h3 wb-fltr-info mrgn-tp-0"><span data-nbitem></span> results out of <span data-total></span></p>
		</div>
		<div class="col-sm-12">
			<div class="form-group">
				<label for="customSearchUI2">Search</label>
				<input type="search" class="form-control full-width" id="customSearchUI2">
			</div>
		</div>
		<div class="col-sm-4 col-md-5 col-lg-6">
			<div class="form-group">
				<fieldset>
					<legend class="h5 mrgn-tp-0"><span class="field-name">Institution</span></legend>
					<select id="institutionList" name="institution" class="full-width form-control wb-tagfilter-ctrl">
						<option value="">All</option>
						<option value="inst__EDC">Science and Economic Development Canada</option>
						<option value="inst__AAFC">Agriculture and Agri-Food Canada</option>
						<option value="inst__CBSA">Canada Border Services Agency</option>
						<option value="inst__CBSAandPHAC">Canada Border Services Agency and Public Health Agency of Canada</option>
						<option value="inst__CRA">Canada Revenue Agency</option>
						<option value="inst__CSPS">Canada School of Public Service</option>
						<option value="inst__ESDC">Employment and Social Development Canada</option>
						<option value="inst__ECCC">Environment and Climate Change Canada</option>
						<option value="inst__FOC">Fisheries and Oceans Canada</option>
						<option value="inst__GAC">Global Affairs Canada</option>
						<option value="inst__HC">Health Canada</option>
						<option value="inst__IRCC">Immigration, Refugees and Citizenship Canada</option>
						<option value="inst__ISC">Indigenous Services Canada</option>
						<option value="inst__Innovation">Innovation</option>
						<option value="inst__NDandCAF">National Defence and the Canadian Armed Forces</option>
						<option value="inst__NFBC">National Film Board of Canada</option>
						<option value="inst__NRC">Natural Resources Canada</option>
						<option value="inst__PC">Parks Canada</option>
						<option value="inst__PHAC">Public Health Agency of Canada</option>
						<option value="inst__PSPC">Public Services and Procurement Canada</option>
						<option value="inst__RCMP">Royal Canadian Mounted Police</option>
						<option value="inst__SC">Statistics Canada</option>
						<option value="inst__VAC">Veterans Affairs Canada</option>
					</select>
				</fieldset>
			</div>
		</div>
		<div class="col-sm-8 col-md-7 col-lg-6">
			<div class="form-group mrgn-bttm-0">
				<fieldset>
					<legend class="h5 mrgn-tp-0"><span class="field-name">Platform</span></legend>
					<ul class="list-unstyled list-inline">
						<li class="checkbox">
							<label>
								<input type="checkbox" name="platform" class="wb-tagfilter-ctrl" value="plat__ios"> iOS
							</label>
						</li>
						<li class="checkbox">
							<label>
								<input type="checkbox" name="platform" class="wb-tagfilter-ctrl" value="plat__android"> Android
							</label>
						</li>
						<li class="checkbox">
							<label>
								<input type="checkbox" name="platform" class="wb-tagfilter-ctrl" value="plat__bb"> Blackberry
							</label>
						</li>
						<li class="checkbox">
							<label>
								<input type="checkbox" name="platform" class="wb-tagfilter-ctrl" value="plat__amazon"> Amazon
							</label>
						</li>
						<li class="checkbox">
							<label>
								<input type="checkbox" name="platform" class="wb-tagfilter-ctrl" value="plat__windows"> Windows
							</label>
						</li>
					</ul>
				</fieldset>
			</div>
		</div>
	</div>
	<div class="row wb-eqht-grd wb-tagfilter-items">
		<div class="col-sm-6 col-lg-4" data-wb-tags="plat__ios plat__android inst__CBSA inst__CBSAandPHAC inst__HC inst__PHAC">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">ArriveCAN</h3>
				<p><span class="label label-default">iOS</span> <span class="label label-success">Android</span></p>
				<p class="mrgn-bttm-0">Use ArriveCAN to provide mandatory travel information on and after your entry into Canada.</p>
			</div>
		</div>
		<div class="col-sm-6 col-lg-4" data-wb-tags=" plat__android inst__NRC">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">Auto$mart</h3>
				<p><span class="label label-success">Android</span></p>
				<p class="mrgn-bttm-0">The Auto$mart mobile application helps drivers track their fuel consumption, learn how to be more fuel-efficient and save money.</p>
			</div>
		</div>
		<div class="col-sm-6 col-lg-4" data-wb-tags="plat__ios plat__android plat__bb inst__RCMP">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">B.C. RCMP</h3>
				<p><span class="label label-default">iOS</span> <span class="label label-success">Android</span> <span class="label label-primary">Blackberry</span></p>
				<p class="mrgn-bttm-0">B.C. RCMP connects you to information for the latest news, missing and wanted persons, how to report a crime and more.</p>
			</div>
		</div>
		<div class="col-sm-6 col-lg-4" data-wb-tags="plat__ios plat__android inst__FOC">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">Baitfish Primer</h3>
				<p><span class="label label-default">iOS</span> <span class="label label-success">Android</span></p>
				<p class="mrgn-bttm-0">Developed by Fisheries and Oceans Canada, The Baitfish Primer mobile app is a guide that allows users identify and protect Ontario’s baitfishes wherever they go!</p>
			</div>
		</div>
		<div class="col-sm-6 col-lg-4" data-wb-tags="plat__ios inst__NFBC">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">BarCode.tv</h3>
				<p><span class="label label-default">iOS</span></p>
				<p class="mrgn-bttm-0">BARCODE is a simple and fun documentary app that gives voice to the objects around you.</p>
			</div>
		</div>
		<div class="col-sm-6 col-lg-4" data-wb-tags="plat__ios plat__android inst__EDC inst__Innovation">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">Canada Business</h3>
				<p><span class="label label-default">iOS</span> <span class="label label-success">Android</span></p>
				<p class="mrgn-bttm-0">Your mobile business partner. A simplified all-access point for businesses to find essential information, directly interact with government resources and use tools to build your business.</p>
			</div>
		</div>
		<div class="col-sm-6 col-lg-4" data-wb-tags="plat__ios plat__android inst__HC">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">Canada COVID-19</h3>
				<p><span class="label label-default">iOS</span> <span class="label label-success">Android</span></p>
				<p class="mrgn-bttm-0">The app will support you to track your symptoms, receive the latest updates, and access trusted resources.</p>
			</div>
		</div>
		<div class="col-sm-6 col-lg-4" data-wb-tags="plat__ios plat__android inst__NDandCAF">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">Canadian Armed Forces App</h3>
				<p><span class="label label-default">iOS</span> <span class="label label-success">Android</span></p>
				<p class="mrgn-bttm-0">A new look for 2021! Get the latest updates from CAF leadership, access CANFORGENS, browse social media feeds, view Defence imagery and discover a variety of resources such as health, pay and pension</p>
			</div>
		</div>
		<div class="col-sm-6 col-lg-4" data-wb-tags="plat__ios plat__android inst__HC inst__PHAC">
			<div class="well h-100">
				<h3 class="mrgn-tp-0">Canadian Guidelines on Sexually Transmitted Infections</h3>
				<p><span class="label label-default">iOS</span> <span class="label label-success">Android</span></p>
				<p class="mrgn-bttm-0">If you are a health professional, you will want to download our new Canadian Guidelines on Sexually Transmitted Infections mobile app.</p>
			</div>
		</div>
		...
	</div>
	<div class="wb-tagfilter-noresult">
		<p>No item match this combination of filters.</p>
	</div>
	<div id="filteredEventsListPagination2"></div>
</section>