JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Demo Grid App</title>

    <!-- CDN-based stylesheet reference for Kendo UI DataViz -->
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
     <link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
            <!-- CDN-based script reference for jQuery; utilizing a local reference if offline -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
       <!-- CDN-based script reference for Kendo UI DataViz; utilizing a local reference if offline -->
    <script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>

</head>
<body>
    <header>
        <h1>Demo dropdown App</h1>
    </header>
    <select id="drop" ><option>google</option>stack over flow</option><option>this is my custom log stuff for testing</option></select>
 
          <script>
               $(document).ready(function(){
				    $("#drop").kendoDropDownList();
              });
            </script>
   
    </div>
    <footer>
    </footer>


   

</body>
</html>

CSS

.k-list-container{
	min-width:126px !important;
	width: auto!important;
}
.k-list
{
	width:auto !important;
}