Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Confusing documentation with boundaries (how to ensure flip with floating navbar?)

See original GitHub issue

I have a .navbar-fixed-top (using Bootstrap 3 and implementing a custom Popper instance).

Trying to figure out how to make it so when you scroll down the page, a popover that begins to be hidden underneath a fixed top navbar will get flipped automatically.

I tried passing a modifiers.flip.boundariesElement option, but that didn’t seem to work.

Is there any way to do a simple “reduce viewport top size by X pixels?” where X is the height of the floating navbar?

Issue Analytics

State:
Created 6 years ago
Comments:16 (4 by maintainers)

Top GitHub Comments

1reaction

FezVrastacommented, Apr 12, 2018

@BrianBu01 feel free to fork this repo, do your changes and send a pull request. Thanks! 🤩

0reactions

kasparsuvi1commented, Jan 29, 2019

Made PR #750 for that. @FezVrasta

Top Results From Across the Web

Confusing documentation with boundaries (how to ensure flip ...

Trying to figure out how to make it so when you scroll down the page, a popover that begins to be hidden underneath...

floating-ui react-dom-interactions how to set floating element ...

In my react app I am trying to build a dropdown menu with floating-ui/react-dom-interactions (formerly knowns as react-popper ).

Tooltips - Bootstrap

Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title ...

Navbar - UIkit

The Navbar component consists of a navbar container, the navbar itself and one or more ... uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">…</div>.

KLayout 0.28 Documentation

This document is published under Creative Commons Attribution–Share Alike ... Since that can be confusing in some (rare) cases, this menu item provides ......