Breakpoint configuration for "mouseDrag"/"touchDrag" properties is not applied.

[Lawrence-M-Reynolds]

The case we had was to be able to apply the "mouseDrag" and "touchDrag" configuration settings based on the number of slides displayed. This depends on the breakpoint state but it appears that those configuration settings are only processed once - when the initEvents function is fired (via the mounted() function). This will attach the event listener's if the settings are enabled. For example:

if (this.config.mouseDrag) { this.$refs.list.addEventListener('mousedown', this.onDragStart); }

Although these two configuration settings are updated when the break point state is checked (via the updateConfig function) the state of the event listeners is not modified at all. So the breakpoint configurations for these settings did not change the behaviour of the carousel.

---

A workaround for this was to enable both settings regardless of the breakpoint state. A new custom property which was controlled by the breakpoints was then added. The events listeners were removed and then added again but the original function was only called if the new property was true.