Proposal: Use tether.io for attaching absolutely positioned elements to a target

[arpl]

Hi all,

Description

There is an easy win out there called tether see docs and source. The library focuses on the very specific problem of attaching an absolutely positioned element to another.

Pros

• Solves one problem and it does it well
• Well maintained since major components depend on it
• Great API and docs

Cons

• Yet another dependency
• Adds 5kb gzipped

Since I'm working on porting the Autocomplete we can have an example using tether which might help towards a decision.

Your awesome point of view is an absolute must ;) Aris

[wichniowski]

Hey @arpl I think this is a great suggestion since we previously had issues with the component that attaches and repositions dropdowns, tooltips etc.. Since tether is widely used and well tested I'd be in favor of replacing our InViewport component with it. Although it comes with a 5kb price per component package that uses it.

[kamsar]

This also causes problems with the multiple reference field editor if used in an app or UI extension (https://github.com/contentful/field-editors/issues/415)

[m10l]

We recently refactored the tooltip component to use Popper.js and a follow-up PR is open to refactor the Dropdown component is currently open.