If not using Bootstrap, Select2 type of editable shows a control with no width.

[gabrieljenik]

When using Select2 Editable, but not including bootstrap, select2 control displayed with errors. The search box ("id=s2id_autogen1" ) and the dropwdown selection list have a width of 0px (style= width:0px), making the control unusable.

Solved by placing the following in the inShown event.
'onShown'=>'js: function() {$("[id^=s2id_autogen]").css("width", "350px");}',

Hope it helps.

Cheers,

[pujilabkom]

I am a beginner, I've tried but it does not change

[pujilabkom]

I tried to change the configuration :

1. 'onShown'=>'js: function() {$("[id^=s2id_autogen]").css("width", "350px");}', become 'inputclass' => 'input-puji',
2. edit file jquery-editable.css, extensions/x-editable/assets/jquery-editable/css/jquery-editable.css and extensions/x-editable/assets/jqueryui-editable/css/jquery-editable.css.
   add the following code :
   .input-puji{
   width: 250px;
   }
3. remove css are generated automatically by yii from webroot / assets in so that regenerate again
4. refresh browser...
5. success but can only be opened in Firefox browser. ie,chrome can't open

sorry i do not speak english, I use google translate.