yii2-widget-activeform icon indicating copy to clipboard operation
yii2-widget-activeform copied to clipboard

Overflowing labels in CheckboxList don't break correctly with Bootstrap 4

Open NicoNuernberger opened this issue 3 years ago • 0 comments

Steps to reproduce the issue

  1. Setup Yii2 with Bootstrap 4
  2. 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);
  3. Check the rendered view

Expected behavior and actual behavior

On 1.60, the checkbox list behaves as expected with Bootstrap 4: image With the following HTML: Pastebin

On 1.6.1 and upwards i get the following however: image 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.

NicoNuernberger avatar Aug 10 '22 08:08 NicoNuernberger