JSFiddle - React, Tailwind, and code Playground

by schlomm

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/claro/claro.css">
<div id="target"></div>

CSS

.dijitSelectLabel {
    text-align:left;
    overflow: hidden;
    width:50px;
}

JavaScript

require(["dijit/form/Select",
  "dojo/data/ObjectStore",
  "dojo/store/Memory",
  "dojo/domReady!"
], function(Select, ObjectStore, Memory){

  var store = new Memory({
    data: [
      { id: "foo", label: "Fossssssssssssssssssssssssssssssssssssso" },
      { id: "bar", label: "VeryVeryVeryVeryLongLabel" }
    ]
  });

  var os = new ObjectStore({ objectStore: store });

  var s = new Select({
    store: os,
    forceWidth: false,
    
  }, "target");
  s.startup();

  })