Dropdown menu focus state - bug

[Benjamin Kurien]

Acceptance criteria

• The Dropdown focus border gets partially hidden when used adjacent to selected/hover states
• This issue occurs because of the top and bottom strokes implemented on selected/hover states. This was intended to hide the divider from options around a selected/hovered item

Tasks

• Find a way to stop the focus border from being partially hidden.
  • Possible solution: Implement focus state as a border layer, instead of a stroke on the existing layer

Review

• Carbon designer
• Figma expert

[Alina Jacob]

Reference here: link