search

carbon-design-system / carbon-components-vue

Vue implementation of the Carbon Design System
http://vue.carbondesignsystem.com
Apache License 2.0
598 stars 177 forks source link

CvDropDown arrow misaligned #1238

Open schuetza opened 2 years ago

schuetza commented 2 years ago

Detailed description

Describe in detail the issue you're having.

The arrow of the drop down is misaligned.

Is this a feature request (new component, new icon), a bug, or a general issue?

bug

Is this issue related to a specific component?

CVDropdown

What did you expect to happen? What happened instead? What would you like to see changed?

Arrow and text should be vertically aligned

What browser are you working in?

FF, Chrome

What version of the Carbon Design System are you using?

current

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

no time pressure

Steps to reproduce the issue

  1. Visit https://vue.carbondesignsystem.com/?path=/story/components-cvdropdown--default
    -> arrow is misplaced: image

Additional information

To fix, in the Web Tools console, add the two styles style="top: 0px;height: 100%;" to the element <div class="bx--list-box__menu-icon">

github-actions[bot] commented 3 weeks ago

This issue has been marked as stale because it has required additional info or a response from the author for over 14 days. When you get the chance, please comment with the additional info requested. Otherwise, this issue will be closed in 14 days.