Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

NPM dist `bootstrap-vue\es\components\modal\modal.js` stops propagation of events

See original GitHub issue

Hi, There is strange code in bootstrap-vue\es\components\modal\modal.js:120.

      on: {
        focusout: this.onFocusout,
        click: function click(evt) {
          evt.stopPropagation();
          // https://github.com/bootstrap-vue/bootstrap-vue/issues/1528
          _this.$root.$emit('bv::dropdown::shown');
        }
      }

Can you provide solution that won’t stop propagation of all events and stops only for bv events? It blocks other components, for example https://github.com/stfalcon-studio/stf-vue-select. Emitting bv::dropdown::shown is quite confusing too when you don’t have any dropdowns on modal.

Issue Analytics

State:
Created 5 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

tmorehousecommented, Feb 12, 2019

This might be addressed in the latest dev branch.

1reaction

galczo5commented, Jan 29, 2019

What about stoping propagation for all events? We use custom dropdown lib and there is problem when we want to hide dropdown clicking outisde.

Top Results From Across the Web

stop-react-event-propagation - npm

This package offers util function to stop immediate and further propagation for React components to keep an event 'private'.

Event.stopPropagation() - Web APIs | MDN

The stopPropagation() method of the Event interface prevents further propagation of the current event in the capturing and bubbling phases.

JavaScript Events: Bubbling, Capturing, and Propagation

You can think of propagation as electricity running through a wire, until it reaches its destination. The event needs to pass through every...

Stop propagation for all events - Stack Overflow

stopPropagation () method stops the bubbling of an event to parent elements, preventing any parent event handlers from being executed. For ...

josdejong/propagating-hammerjs: Extend hammer.js ... - GitHub

stopPropagation () to stop propagation to parent elements. Events are extended with a property event.firstTarget containing the element where a gesture started.