JSFiddle - React, Tailwind, and code Playground

HTML

<div tabindex="-1" contenteditable="true" #projectName class="project-name-data">This is test</div>

CSS

.project-name-data{
  max-width:180px;
  white-space: nowrap;
   overflow-x: hidden;
}