1
Vote

Long text in dropdown items wraps and overlaps with next item.

description

Hi guys,

Trying out flexbox for my application, I encountered the following cosmetic issue.

If the width of the dropdown contents is smaller than the control width, the text of the items overlaps.
See example image. The first item, 'British Indian Ocean Territory', does not fit on the line and wraps over to the next one.

Image

Initialisation:
jQuery(function($) {
  $('#ffb').flexbox(countries, {
    watermark: 'Enter country name',
    paging: false,
    maxVisibleRows: 8
  });

});
The workaround is simple: increase the width of the control in the flexbox settings.
However, it would be better if the listbox items are restricted to one line. I would prefer the text to be cropped instead of wrapping.

file attachments

comments

wimrijnders wrote Apr 3, 2014 at 9:18 AM

Added example image as attachment, because I don't think it will be on my server forever.