Skip to content

Dropdowns > Leverage shift middleware

When a dropdown panel nears the viewport edge, it might end up overflowing it, causing horizontal scrollbars to appear in the window. This is due to the current configuration not allowing the panels to shift to remain in view. This should be addressed by enabling the shift middleware.

Re gitlab!142201 (comment 1739175957), gitlab#424693 (comment 1771670063)

Implementation plan

  • Enable the shift middleware.
  • We might want to prevent the autoPlacement middleware from co-existing with shift, so perhaps this change warrants a new prop.

This to look out for

Edited by Paul Gascou-Vaillancourt