maximumSelectionLength with tokenSeparator in multi-select

[buttflattery]

The issue mentioned here select2/select2#3514 isnt working in select2

echo $form->field(
            $model,
            'keyword',
            [
                'template' => '{input}{error}',
            ]
        )->widget(
            Select2::class,
            [
                'data' => empty($model->keyword) ? [''] : '',
                'options' => [
                    'placeholder' => 'keyword',
                    'class' => 'form-control',
                    'multiple' => true,
                ],
                'showToggleAll' => false,
                'theme' => Select2::THEME_BOOTSTRAP,
                
                'pluginOptions' => [
                    'tags' => true,
                    'maximumSelectionLength'=>5,
                    'allowClear' => false,
                    'tokenSeparators' => [',', ' '],
                    'closeOnSelect'=>false,
                ],
               
            ]
        )->label(false);

The above still allows you to select more than 5 if we use the tokenSeparator option.

unless i use select2:selecting and return false from it like below

 'pluginEvents'=>[
                    'select2:selecting'=>'function(){
                                                if (
                            $(this).select2("data").length >=$(this).data("select2").results.data.maximumSelectionLength
                          ) {
                            $(this).select2("close");
                          }
                    }'
                ]

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.