JSFiddle - React, Tailwind, and code Playground

by SerGen

HTML

<div class="Select">
	<span class="Select__text" id="text1">Please choose</span>
</div>
<br>
<div class="Select">
	  <span class="Select__text" id="text2">Please choose</span>
</div>

CSS

.Select {
	display: inline-block;
}

.Select__text {
	display: block;
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

JavaScript

setTimeout(function () {

	// change text
	text1.innerHTML = 'Please choose something';
	text2.innerHTML = 'Please choose something';
  
	setTimeout(function () {

		// change style
		text1.innerHTML = 'Please choose something';
		text2.style.height = 'auto';

	}, 1500);
  
}, 1500);