TBI - Dropdown with additional description space

[gpeuc]

In some of our dropdowns, the line items that users can select are a bit complicated. At the moment, we are handling this with a plain tooltip on each of the dropdown line items.

This method is not accessible enough from multiple angles and reasons, especially for sighted people.

However, luckily for us, VS Code itself already has a design pattern for such cases — where more explanation is needed for line items. We should simply copy this →

---

Some details:

• note that not all line items have description, in that case the separator line is hidden (so the dropdown doesn't end with separator line)
• descriptions can vary in size, so the block has to be able to grow and shrink
• we should keep the tooltip as description as we have it today, so that the screen readers pick that up

---

@815are