Dropdown can open offscreen laterally

[caseyWebb]

A picture is worth a thousand words; this is taken directly from the docs with chrome at 515px wide.

I've implemented the following solution in my own project to remedy this, and would like to know if it is worth submitting a pull request for (modified, of course)

$(document).on('shown.bs.dropdown', function () {
  OffsetDropdown()

  $(window).on('resize.bs.dropdown', function () {
    OffsetDropdown()
  })
})

$(document).on('hide.bs.dropdown', function() {
  $(window).off('resize.bs.dropdown')
})

var OffsetDropdown = function() {
  var dropdown = $('.open>.dropdown-menu')

  if (dropdown.length == 0)
    return

  var rightOffset = dropdown.offset().left + dropdown.width()
  var browserWidth = $('body').innerWidth()
  var neededLeftOffset = dropdown.position().left - (rightOffset - browserWidth)

  if (neededLeftOffset < 0) {
    dropdown.css({ left: neededLeftOffset - 3 })
  } else {
    dropdown.css({ left: 0 })
  }
}

[cvrebert]

X-Ref: #10756

[mdo]

Maybe we punt to v4 given we might redo dropdowns then?

[mdo]

Punting to the v4 checklist.

[NTMan]

Don't understand this issue already fixed or not?
If fixed in which version?

[juthilo]

@NTMan This issue will be considered when we work on the next version of Bootstrap, v4.

[spaquet]

Still not properly supported in V4.