JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<div>
<ul class="itemlist">
    <li class="item">
        
        
        item1
        <div class="inner">inner</div>
    </li>
    <li class="item">item2<div class="inner">inner</div></li>
    <li class="item">item3 <div class="inner">inner</div></li>
    <li class="item">item4<div class="inner">inner</div></li>
    <li class="item">item5 <div class="inner">inner</div></li>
    <li class="item">item6 <div class="inner">inner</div></li>
    <li class="item">item7<div class="inner">inner</div></li>
    <li class="item">item8 <div class="inner">inner</div></li>
    <li class="item">item9 <div class="inner">inner</div></li>
    <li class="item">item10 <div class="inner">inner</div></li>
    <li class="item">item11 <div class="inner">inner</div></li>
    <li class="item">item12 <div class="inner">inner</div></li>
    <li class="item">item13 <div class="inner">inner</div></li>
    <li class="item">item14 <div class="inner">inner</div></li>
    <li class="item">item15 <div class="inner">inner</div></li></ul>
</div>

CSS

.itemlist{
    width:600;
    height:700;
background:#f7f7f7;
    overflow:auto;
}
.item{
    color:#fff;
height:100px;
    width:100px;
    background:#12a6eb;
    margin:15px;
float:left;
}
.fmgrRubberBand{
    position:absolute;
    background:rgba(255,250,245,.5);
    border:1px solid #ccc;
}
.inner{
background-color:#f2f2f2;
    color:green;
     width:50%;
    margin:0px auto;
}
.ui-selected{
background-color:orange !important;
   
}

JavaScript

$(".itemlist").selectable({filter:"li"});