JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="filterAptitudes">
<div id="containerAptitudes">
<div class= "group">
<div class="categorieName"> Réinsertion - suivi</div>
<div class="categorieAptitudes" id="Réinsertion - suivi">
<label>
<input type="checkbox" name="Appartement pour mise en situation d'autonomie" value="1251">
<span class="item-search">Appartement pour mise en situation d'autonomie</span>
</label>
<label>
<input type="checkbox" name="Education du patient et de son entourage à domicile" value="1282">
<span class="item-search">Education du patient et de son entourage à domicile</span>
</label>
<label>
<input type="checkbox" name="Equipe mobile, suivi à domicile" value="1293"><span class="item-search">Equipe mobile, suivi à domicile</span>
</label>
<label>
<input type="checkbox" name="Insertion professionnelle" value="1309"><span class="item-search">Insertion professionnelle</span>
</label>
<label>
<input type="checkbox" name="Structure d'orientation professionnelle: entretien, bilan de compétences, orientation, mise en situation..." value="1395"><span class="item-search">Structure d'orientation professionnelle</span>
</label>
</div>
</div>
<div class= "group">
<div class="categorieName"> Conventions ou accords de fonctionnement</div>
<div class="categorieAptitudes" id="Conventions ou accords de fonctionnement">
<label>
<input type="checkbox" name="Convention avec une unité de Court Séjour Gériatrique" value="1271"><span class="item-search">Convention avec une unité de Court Séjour Gériatrique</span>
</label>
<label>
<input type="checkbox" name="Convention d'accès à un service de réanimation" value="1272"><span class="item-search">Convention d'accès à un service de réanimation</span>
</label>
<label>
<input type="checkbox" name="Convention d'accès à une USC de cardiologie" value="1273"><span class="item-search">Convention d'accès à une USC de cardiologie</span>
</label>
<label>
<input type="checkbox"...
CSS
#filterAptitudes {
width:500px;
}
#containerAptitudes {
width:500px;
height:300px;
border:solid 2px #c0c0c0;
overflow:auto;
}
label {
display: block;
padding: 2px;
}
label:hover {
cursor: pointer;
background-color: #ddd;
}