Comments (8)
Hi @ssageghi,
Have you checked to see if the content inside the Collapsible has position and height? The Collapsible won't work if the content is set to position absolute for example. Can you check this for me?
Cheers.
from react-collapsible.
Was this problem solved? I am having the same problem.
I am using flex box to position some components inside my Collapsible component but the height of the Collapsible_contentOuter div still has a height of 0px. I added a height of 50px to the div that wrap the Collapsible component children.
I would appreciate your help.
Cheers.
from react-collapsible.
@ssageghi / @fmlharrison could you help me out with examples of your code that has issues? I can't understand what the issue is from your descriptions or screenshots. If you could use JSFiddle or Codepen with examples this will help me debug the issue.
Thanks
from react-collapsible.
Same here. Not using any special positioned items inside the Collapsible
and no custom styles attached.
from react-collapsible.
Hey @pke. Are you able to show me some example code where the issue occurs? It's pretty impossible to debug if I've got nothing to work with.
Cheers
from react-collapsible.
Thanks for the swift response. I'll try to reproduce it in a codepen the next days.
from react-collapsible.
Please load a Static Content inside the tag. This fixed the issue i faced.
Eg.
Dummy Text
from react-collapsible.
Closing this due to inactivity. Please feel free to re-open.
from react-collapsible.
Related Issues (20)
- Pass height state into the onOpen, onOpening and other methods
- How to change the Icon and its position? HOT 1
- ARIA IDs are not unique
- If the component is open while it's being triggered through a state change the component stops functioning HOT 7
- contentHiddenWhenClosed prevents content from opening HOT 1
- Can you all three of these simultaneously: triggerWhenOpen, easing, transitionTime? HOT 1
- Question - programmatically open/close component
- Please accept React 18 support pull request HOT 1
- Suggestion: Refactor library into a modernized approach in a new major version HOT 5
- Example app error: Invalid Version
- form inputs instantly close Collapsible. HOT 4
- Unable to pass key prop HOT 1
- Click events do not work correct within the collapsible
- Space Button does not work on any input element passed in "trigger" prop HOT 1
- lazyRender do not render on first open
- Attributes with unique values are not deterministic HOT 1
- Production version contains unnecessary files
- Hidden (closed) items still part of the DOM
- Just using Collapsible throws an error as of recently HOT 1
- Release 2.8.3 introduced a major Callapsible OPEN defect with lazyRender=true
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-collapsible.