How I can add title to Searchable Dropdown list?

Text is overflowing in searchable dropdown, I have put below css:

div.choices__list div{
    text-overflow: ellipsis;
    white-space: nowrap;
        overflow: hidden;

it has resolved overflow problem but how I can add title on hover 


You can assign Title="Add your title here" to the extended properties of your searchable dropdown. Then it will pop whe you hover.

Thanks, Aadhavan S

@A S
Hi, where is the extended properties of searchable dropdown?
I can not find it. I use reactive app.
Thank you!


This is the idea to show content like title, however you need to update more to show it better.

div.choices__list div.choices__item--selectable:hover:after{
    content: attr(data-value);
    padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0; 
  top: 100%;
  white-space: nowrap; 
  z-index: 20px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 0px 4px #222;  
  -webkit-box-shadow: 0px 0px 4px #222;  
  box-shadow: 0px 0px 4px #222;  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc); 

Hi Virat,
I have created a demo application for dropdown title.
Please check by below URL and find attached OML file.
Hope this will help you :)
Rahul Jain



Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.