twitter/bootstrap — Issue #1474: Long Links Overflow Dropdown Menu
Author: derekprior
Created: 2012-01-31 22:24:37+00:00
State: open

In 2.0, dropdown links have an added `white-space: nowrap` [defined here](https://github.com/twitter/bootstrap/blob/2.0-wip/less/dropdowns.less#L98). Additionally, the dropdown menu itself is set to have `max-width: 220px`[defined here](https://github.com/twitter/bootstrap/blob/2.0-wip/less/dropdowns.less#L49)

These two don't play nice in cases where the link text is wider than 220px. The overflow [spills out of the dropdown](https://skitch.com/derekprior/g7x21/test) onto the page behind. On mouse-over, the [overflow is hidden](https://skitch.com/derekprior/g7x24/test).

I tried removing the `nowrap` from links, but that causes the dropdown to wrap well before the max-width is hit (seemingly at the min-width). I couldn't figure out how to get it to wrap at max-width.