question-mark
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.

Add boundariesElement `scrollContent`

See original GitHub issue

What do you think about adding one of the options scrollContent, so that popper will be within not scrollParent element boundaries, but within its scrollable content? To me it is quite common case.

  • scrollParent boundaries context is the clientRect of the element that has overflow = scroll, auto, its sizes are width = clientWidth, height = clientHeight

  • (proposed) scrollContent boundaries context is an the inner content of scrollParent so it sizes is defined by width = scrollWidth, height = scrollHeight

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
FezVrastacommented, Apr 3, 2018

Thanks now it’s clear, I’m not sure what’s the possible use case honestly. Maybe improve the first message of this issue and see if others find this useful.

0reactions
FezVrastacommented, Dec 16, 2019

in v2 we now have the scrollingParents option, I think that should cover this use case.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Add boundariesElement `scrollContent` · Issue #572 - GitHub
scrollParent boundaries context is the clientRect of the element that has overflow = scroll , auto , its sizes are width = clientWidth...
Read more >
popperjs flip and escape - CodePen
Popper flips and stays in view when encountering boundariesElement edge, but is also allowed to escapeWithReference and scroll out of view.
Read more >
@esri/calcite-components | Yarn - Package Manager
Changelog. This document maintains a list of released versions and changes introduced by them. This project adheres to Semantic Versioning ...
Read more >
Incident Response Report False-Positive - Hybrid Analysis
Pattern match: "http://momentjs.com/guides/#/warnings/add-inverted-param/" ... scroll content by the given offset scrollContent(offset, false, ...
Read more >
https://raw.githubusercontent.com/jae-jae/Show-Sit...
NODE_ENV&&Nn("Avoid adding reactive properties to a Vue instance or its root $data at runtime ... boundariesElement,this.options.modifiers.flip.padding) ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found