You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on May 29, 2019. It is now read-only.
feat(dropdown): add optional placement and respect bootstrap classes
Add an optional dropdown-placement attribute setting much like the
tooltips'. If it is specified then bootstrap's dropup and
dropdown-menu-right classes will be ignored. Updated positioning of the
dropdown menu to always use the position service. Ensured that dropup
and dropdown-menu-right will be respected for append-to and
append-to-body dropdowns. Updated positioning service to return the
element when looking for the offsetParent if the element is not
statically positioned.
Copy file name to clipboardExpand all lines: src/dropdown/docs/readme.md
+19Lines changed: 19 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -42,6 +42,25 @@ Each of these parts need to be used as attribute directives.
42
42
<smallclass="badge">$</small> -
43
43
An optional expression called when the dropdown menu is opened or closed.
44
44
45
+
*`dropdown-placement`
46
+
<smallclass="badge">C</small>
47
+
_(Default: `bottom-left`, Config: `placement`)_ -
48
+
If specified, bootstrap's dropup and dropdown-menu-right classes will be ignored. Passing in 'auto' separated by a space before the placement will enable auto positioning, e.g: "auto bottom-left". The dropdown will attempt to position the menu where it fits in the closest scrollable ancestor. Accepts:
49
+
50
+
*`top` - menu on top, horizontally centered on host element.
51
+
*`top-left` - menu on top, left edge aligned with host element left edge.
52
+
*`top-right` - menu on top, right edge aligned with host element right edge.
53
+
*`bottom` - menu on bottom, horizontally centered on host element.
54
+
*`bottom-left` - menu on bottom, left edge aligned with host element left edge.
55
+
*`bottom-right` - menu on bottom, right edge aligned with host element right edge.
56
+
*`left` - menu on left, vertically centered on host element.
57
+
*`left-top` - menu on left, top edge aligned with host element top edge.
58
+
*`left-bottom` - menu on left, bottom edge aligned with host element bottom edge.
59
+
*`right` - menu on right, vertically centered on host element.
60
+
*`right-top` - menu on right, top edge aligned with host element top edge.
61
+
*`right-bottom` - menu on right, bottom edge aligned with host element bottom edge.
0 commit comments