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.

[Collapse] Transition Breaks Inside Popover

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Unless I’m missing something, the Collapse transition should work as part of a Menu/Popover like the rest of the transitions.

Current Behavior

When setting Collapse as the TransitionComponent, the Menu/Popover contents appear at 0,0 and there is no animation.

Steps to Reproduce (for bugs)

This can be seen by adding TransitionComponent={Collapse} to the Menu demo. ~https://codesandbox.io/s/pxv0jkq3x~ Edit @eps1lon: https://codesandbox.io/s/menu-collapse-iliwj

Your Environment

Tech	Version
Material-UI	v1.0.0-beta.47
React	16.3.2
browser	Chrome/Firefox tested.

Issue Analytics

State:
Created 5 years ago
Reactions:23
Comments:15 (8 by maintainers)

Top GitHub Comments

3reactions

swkanecommented, Jul 11, 2019

@oliviertassinari @nathanmarks I am also running into this issue (or at least a related issue). I am unable to use the <Collapse> component within the <Popper> component. (The rest of the thread is about the <Popover> component). Has there been any progress made to fix this or known workarounds?

0reactions

ValSolcommented, Jul 21, 2022

If there is some hope that Popover will support Collapse as a TransitionComponent?

Top Results From Across the Web

[Collapse] Transition Breaks Inside Popover · Issue #11337

When setting Collapse as the TransitionComponent, the Menu/Popover contents appear at 0,0 and there is no animation. Steps to Reproduce (for ...

Is there a way to use <Collapse> as my Transition ...

You can try to use the TransitionProps given by the Popper when using the transition props, as shown in the documentation

Theme overwrites and breaks .popover method

For a advanced feature I was looking to add the bootstrap popup functionality in a single page. The code looks like this: $(function...

Popovers · Bootstrap v5.0

Popovers can be triggered thanks to an element inside a shadow DOM. ... The animation effect of this component is dependent on the...

Overlays | React-Bootstrap

The <Tooltip> and <Popover> components do not position themselves. Instead the <Overlay> (or <OverlayTrigger> ) components, inject ref and style props. Tooltip ......