diff options
author | Johann-S <johann.servoire@gmail.com> | 2017-04-21 11:49:04 +0300 |
---|---|---|
committer | Johann-S <johann.servoire@gmail.com> | 2017-05-14 12:41:19 +0300 |
commit | 4f882a840c9f2b62f543c32d56b3e904582ced90 (patch) | |
tree | df5deaa483317cde922456c8d82f7712997c6dcc /docs | |
parent | 65d0d9831ad1dbf70c0ac702bbf1fc5b3e965805 (diff) |
Allow to disable flip behaviour on Dropdown + documentation
Diffstat (limited to 'docs')
-rw-r--r-- | docs/components/dropdowns.md | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index 6481e83191..3abc271061 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -17,6 +17,7 @@ Dropdowns are toggleable, contextual overlays for displaying lists of links and Things to know when using the popover plugin: - Dropdown rely on the 3rd party library [Popper.js](https://popper.js.org) for positioning. You must include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.8.2/umd/popper.min.js) before bootstrap.js in order for dropdowns to work! +- Popper.js handle natively the flip of Dropdown when it's outside the viewport, if you want to disable that's behavior use `flip` attribute ## Examples @@ -551,7 +552,6 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>'bottom'</td> <td> <p>How to position the popover - top | bottom.</p> - <p>When a function is used to determine the placement, it is called with the popover DOM node as its first argument and the triggering element DOM node as its second. The <code>this</code> context is set to the dropdown instance.</p> </td> </tr> <tr> @@ -560,6 +560,12 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>0</td> <td>Offset of the dropdown relative to its target. For more information refer to Popper.js's <a href="https://popper.js.org/popper-documentation.html#modifiers..offset.offset">offset docs</a>.</td> </tr> + <tr> + <td>flip</td> + <td>boolean</td> + <td>true</td> + <td>Allow Dropdown to flip in case of an overlapping on the reference element. For more information refer to Popper.js's <a href="https://popper.js.org/popper-documentation.html#modifiers..flip.enabled">flip docs</a>.</td> + </tr> </tbody> </table> |