Почему jquery width() не считает ширину li?

Question

[Justique]

Добрый день, использую плагин jQuery form styler, а конкретно для стилизации селектов.
Возникла такая проблема что ширина выпадающего списка ставится в 0

Путём просмотра кода плагина выяснилось что ширина блока дропдауна устнаваливается исходя из максимальной ширины элемента `li` но при выводе в консоль самой ширины везде 0

// определяем самый широкий пункт селекта
						var liWidthInner = 0,
								liWidth = 0;
						li.css({'display': 'inline-block'});
						li.each(function() {
							
							var l = $(this);
							console.log(l.innerWidth())
							if (l.innerWidth() > liWidthInner) {
								liWidthInner = l.innerWidth();
								liWidth = l.width();
							}
						});
						li.css({'display': ''});

						// подстраиваем ширину свернутого селекта в зависимости
						// от ширины плейсхолдера или самого широкого пункта
						if (divText.is('.placeholder') && (divText.width() > liWidthInner)) {
							divText.width(divText.width());
						} else {
							var selClone = selectbox.clone().appendTo('body').width('auto');
							var selCloneWidth = selClone.outerWidth();
							selClone.remove();
							if (selCloneWidth == selectbox.outerWidth()) {
								divText.width(liWidth);
							}
						}
						
						// подстраиваем ширину выпадающего списка в зависимости от самого широкого пункта
						if (liWidthInner > selectbox.width()) dropdown.width(liWidthInner);

Answer 1

[Олег]

21 век на дворе. Почему не использовать возможности css без лишних плагинов ;)

Comments

[Дмитрий Беляев]

Добавлю, что за подмену стандартных контролов страницы подобными плагинами-костылями нужно руки отрывать! В свое время намучился с select2 плагином когда писал экстеншн к браузеру

[Вадим Иванов]

Дмитрий Беляев: чем он плох?

[Дмитрий Беляев]

Вадим Иванов: тем что, если это элемент формы - то он должен быть элементом формы, а не костылем на дивах

[Вадим Иванов]

Дмитрий Беляев: с этим согласен