yii2-widget-activeform
yii2-widget-activeform copied to clipboard
Overflowing labels in CheckboxList don't break correctly with Bootstrap 4
Steps to reproduce the issue
- Setup Yii2 with Bootstrap 4
- Create a form and within that form create a checkbox list for a model. Ensure that the list of checkboxes is rendered within a container with a limited width and that the list of choices contains at least one string long enough to surpass the width of the container. My example:
$form->field($formModel, 'answers', [ 'showRequiredIndicator' => false, ])->checkboxList($formModel->possibleAnswerStrings); - Check the rendered view
Expected behavior and actual behavior
On 1.60, the checkbox list behaves as expected with Bootstrap 4:
With the following HTML: Pastebin
On 1.6.1 and upwards i get the following however:
With the following HTML: Pastebin
Environment
Browsers
- [x] Google Chrome
- [x] Mozilla Firefox
- [x] Internet Explorer
- [ ] Safari
Operating System
- [X] Windows
- [ ] Mac OS X
- [X] Linux
- [ ] Mobile
Libraries
- jQuery version: v3.6.0
- yii2-widget-activeform version: from 1.6.1 upwards
- Bootstrap 4.6.2
Isolating the problem
- [ ] This bug happens on the demos page
- [x] The bug happens consistently across all tested browsers
- [ ] This bug happens when using yii2-widget-activeform without other plugins.