FilteredSelectMultiple Controls Don't Work if The Name of the Widget Has a Space

[Mark Phillips]

If the label for the FilteredSelectMultiple has a space in it, the controls for moving data between the boxes are not activated. The widget still works if one double clicks on the elements in the left box, they move to the right box. But the arrows don't work. Tested on Chrome 67.0.3396.62 (Official Build) (64-bit) and Firefox 60.0.1 (64-bit) using runserver to run my django code.

Take a look at the attached image first.png. There are two FilteredSelectMultiple widgets, one called Pets and one called Pet Names. Note that in the widget Pet Names, the controls are not highlighted, but the controls in the Pets widget are highlighted.

Take a look at the attached image second.png. The only change to the code was to change the Pet Names label to Pet_Names (ie replaced the space between Pet and Names with an underscore Pet Names -> Pet_Names). Now the controls are working.

[Mark Phillips]

Screen shot showing a FilteredSelectMultiple widget with a space in the label and the controls not working.

[Mark Phillips]

Screen shot showing a FilteredSelectMultiple widget without a space in the label and the controls are working.