@carbon/vue 2.24.0 → 2.24.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2.24.1
+
+## Fix
+
+Dropdown value presentation
+
 ## 2.24.0
 
 ## Feat

package/dist/carbon-vue.common.js

@@ -23365,8 +23365,8 @@ var component = Object(componentNormalizer["a" /* default */])(
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4767fa4f-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-dropdown/cv-dropdown.vue?vue&type=template&id=0ad427d1&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{ 'bx--form-item': _vm.formItem }},[_c('div',{staticClass:"bx--dropdown__wrapper",class:{ 'bx--dropdown__wrapper--inline': _vm.inline, 'cv-dropdown': !_vm.formItem },style:(_vm.wrapperStyleOverride)},[(_vm.label)?_c('span',{staticClass:"bx--label",class:{ 'bx--label--disabled': _vm.disabled },attrs:{"id":(_vm.uid + "-label")}},[_vm._v(_vm._s(_vm.label))]):_vm._e(),(!_vm.inline && _vm.isHelper)?_c('div',{staticClass:"bx--form__helper-text",class:{ 'bx--form__helper-text--disabled': _vm.disabled },attrs:{"aria-disabled":_vm.disabled}},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e(),_c('div',_vm._b({staticClass:"bx--dropdown",class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4767fa4f-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-dropdown/cv-dropdown.vue?vue&type=template&id=2c47caf7&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{ 'bx--form-item': _vm.formItem }},[_c('div',{staticClass:"bx--dropdown__wrapper",class:{ 'bx--dropdown__wrapper--inline': _vm.inline, 'cv-dropdown': !_vm.formItem },style:(_vm.wrapperStyleOverride)},[(_vm.label)?_c('span',{staticClass:"bx--label",class:{ 'bx--label--disabled': _vm.disabled },attrs:{"id":(_vm.uid + "-label")}},[_vm._v("\n      "+_vm._s(_vm.label)+"\n    ")]):_vm._e(),(!_vm.inline && _vm.isHelper)?_c('div',{staticClass:"bx--form__helper-text",class:{ 'bx--form__helper-text--disabled': _vm.disabled },attrs:{"aria-disabled":_vm.disabled}},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e(),_c('div',_vm._b({staticClass:"bx--dropdown",class:{
         'bx--dropdown--light': _vm.theme === 'light',
         'bx--dropdown--up': _vm.up,
         'bx--dropdown--open': _vm.open,
@@ -23374,11 +23374,11 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
         'bx--dropdown--disabled': _vm.disabled,
         'bx--dropdown--inline': _vm.inline,
         'bx--dropdown--show-selected': !_vm.hideSelected,
-      },attrs:{"data-dropdown":"","data-value":_vm.internalValue,"data-invalid":_vm.isInvalid},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onClick($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.onEsc($event)}],"click":_vm.onClick}},'div',_vm.$attrs,false),[_c('button',{staticClass:"bx--dropdown-text",attrs:{"aria-haspopup":"true","aria-expanded":_vm.open,"aria-controls":(_vm.uid + "-menu"),"aria-labelledby":(_vm.uid + "-label " + _vm.uid + "-value"),"type":"button"}},[(_vm.isInvalid && _vm.inline)?_c('WarningFilled16',{staticClass:"bx--dropdown__invalid-icon"}):_vm._e(),_c('span',{staticClass:"bx--dropdown-text__inner",attrs:{"id":(_vm.uid + "-value")}},[_vm._v(_vm._s(_vm.internalCaption))]),_c('span',{staticClass:"bx--dropdown__arrow-container"},[_c('span',{staticClass:"bx--dropdown__arrow",style:(_vm.chevronStyleOveride)},[_c('chevron-down-glyph')],1)])],1),_c('ul',{staticClass:"bx--dropdown-list",attrs:{"id":(_vm.uid + "-menu"),"role":"menu","aria-hidden":!_vm.open,"wh-menu-anchor":"left","aria-labelledby":(_vm.uid + "-label")}},[_vm._t("default")],2)]),(_vm.isInvalid && _vm.inline)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()]),(_vm.isInvalid && !_vm.inline)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()])}
+      },attrs:{"data-dropdown":"","data-value":_vm.internalValue,"data-invalid":_vm.isInvalid},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onClick($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.onEsc($event)}],"click":_vm.onClick}},'div',_vm.$attrs,false),[_c('button',{staticClass:"bx--dropdown-text",attrs:{"aria-haspopup":"true","aria-expanded":_vm.open,"aria-controls":(_vm.uid + "-menu"),"aria-labelledby":(_vm.uid + "-label " + _vm.uid + "-value"),"type":"button"}},[(_vm.isInvalid && _vm.inline)?_c('WarningFilled16',{staticClass:"bx--dropdown__invalid-icon"}):_vm._e(),_c('span',{staticClass:"bx--dropdown-text__inner",attrs:{"id":(_vm.uid + "-value"),"data-test":"internalCaption"},domProps:{"innerHTML":_vm._s(_vm.internalCaption)}}),_c('span',{staticClass:"bx--dropdown__arrow-container"},[_c('span',{staticClass:"bx--dropdown__arrow",style:(_vm.chevronStyleOveride)},[_c('chevron-down-glyph')],1)])],1),_c('ul',{ref:"droplist",staticClass:"bx--dropdown-list",attrs:{"id":(_vm.uid + "-menu"),"role":"menu","aria-hidden":!_vm.open,"wh-menu-anchor":"left","aria-labelledby":(_vm.uid + "-label")}},[_vm._t("default")],2)]),(_vm.isInvalid && _vm.inline)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()]),(_vm.isInvalid && !_vm.inline)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-dropdown/cv-dropdown.vue?vue&type=template&id=0ad427d1&
+// CONCATENATED MODULE: ./src/components/cv-dropdown/cv-dropdown.vue?vue&type=template&id=2c47caf7&
 
 // EXTERNAL MODULE: ./src/mixins/theme-mixin.js
 var theme_mixin = __webpack_require__("d43c");
@@ -23488,6 +23488,12 @@ var chevron_down = __webpack_require__("fa89");
 //
 //
 //
+//
+//
+//
+//
+//
+//
 
 
 
@@ -23676,8 +23682,13 @@ var chevron_down = __webpack_require__("fa89");
           this.$el.focus();
         }
 
-        if (ev.target.classList.contains('bx--dropdown-link')) {
-          const targetItemEl = ev.target.parentNode;
+        let target = ev.target;
+        while (!target.classList.contains('bx--dropdown-link') && this.$refs.droplist.contains(target)) {
+          target = target.parentNode; // try next one up
+        }
+
+        if (target.classList.contains('bx--dropdown-link')) {
+          const targetItemEl = target.parentNode;
           const newValue = targetItemEl.getAttribute('data-value');
 
           this.internalValue = newValue;