dojo comobox popup menu ширина слишком большой

Question

Я делаю виджет dojo с комбинированным полем. Но по какой-то причине выпадающее поле со списком всегда находится на 100% от моего элемента тела.

Вот мой HTML:

<div style="width: 30%;"> 
    <div data-dojo-type="dojo/store/Memory" 
data-dojo-id="stateStore" 
data-dojo-props="data: [{id: 'y', name: 'yes'}, {id: 'n', name: 'no'}]"> 
    </div> 
    <input data-dojo-type="dijit/form/ComboBox" 
data-dojo-props="hasDownArrow:false, store:stateStore, searchAttr:'name'" 
name="state" /> 
</div> 

Answer 1

Вы можете заставить ширину выпадающего списка, чтобы быть такой же ширины, как и само текстовое поле, используя свойство forceWidth. Чтобы изменить форму combobox, вы должны попытаться использовать свойство style.

Информацию об этом можно найти на странице API Documentation.

Для примера я хотел бы использовать:

<input data-dojo-type="dijit/form/ComboBox" data-dojo-props="hasDownArrow:false, store:stateStore, searchAttr:'name', forceWidth: true, style: { width: '100%' }" name="state" /> 

И JSFiddle я использовал, чтобы проверить: http://jsfiddle.net/g00glen00b/smF2C/