yii\bootstrap\ButtonDropdown splitButton gets same options as primary button

[ASlatius]

When rendering with 'split'=>true, the dropdown-toggle is rendered with a second button. This button gets the same options as the primary buttons.
This is getting problematic when you try and set options for JavaScript usage like 'id' and 'onclick'.

[samdark]

Any ideas on how to solve it?

[ASlatius]

I've currently overruled the options['id'] locally in the if ($this->split) section and removed the 'onclick' from the option array. But to be honest, I'm not sure whether that is all that needs to be changed for the second button. All JS events shoud probably be removed but I don't know the quickest way to do that.
Alternatively we can define a public $splitOptions (or something like that) that normally copies public $options but doesn't if set.
I'm willing to code it in a PR.

[yii-bot]

Issue moved to yiisoft/yii2-bootstrap#108

[ruturajmaniyar]

You can simply change on your code and resolved this issue.
In ButtonDropDown.php line number : 109, you can find below code.

if ($this->split) {
            $options = $this->options;
            $this->options['data-toggle'] = 'dropdown';
            Html::addCssClass($this->options, ['toggle' => 'dropdown-toggle']);
            unset($options['id']);
            $splitButton = Button::widget([
                'label' => '<span class="caret"></span>',
                'encodeLabel' => false,
                'options' => $this->options,
                'view' => $this->getView(),
            ]);
        } else {
            $label .= ' <span class="caret"></span>';
            $options = $this->options;
            Html::addCssClass($options, ['toggle' => 'dropdown-toggle']);
            $options['data-toggle'] = 'dropdown';
            $splitButton = '';
        }

you can change in above code, in "ELSE" part only and solved "splitButton" option issue.

else {
            $label .= ' <span class="caret"></span>';
            $options = $this->options;
            $options['data-toggle'] = 'dropdown';
            Html::addCssClass($options, ['toggle' => 'dropdown-toggle']);
            unset($options['id']);
            $splitButton = '';
        }

Here issue is that 'data-toggle' option want to add before "html" and need to unset "$options['id']" after html is ready.