Comments (1)
I also had trouble with managing the heights, but I'm using rows. I found that the heights of the panels are not synchronized, nor do they assume the height of the page, nor do they have height control attributes.
What I've managed to do was to get the panel divider's height - and then set that height to the panel div itself. I get the panel's div's parentNode (class panelWrapper
) nextSibling (class 'divider') clientHeight. This is the height of the adjacent divider shown next to the panel area, which I use to assign to the div in my panel.
Now I'm having trouble keeping the different panels' heights synchronized, so I may resort to custom flexbox or something.
from react-panelgroup.
Related Issues (20)
- Support for TS typings? HOT 3
- Is it possible to know when 'dragging' is in progress? HOT 1
- Sizes don't match error HOT 2
- Unable to find node on an unmounted component error HOT 2
- Panel separator thickness HOT 1
- Don't understand the stretch property HOT 1
- Console warning componentWillReceiveProps HOT 1
- Scrolling within panels HOT 7
- Ability to customize CSS class names? HOT 4
- option to keep panel heights synchronized
- Getting : Warning: A string ref, "resizeObject", has been found within a strict mode tree HOT 1
- Expose defaults for panel widthss
- Option to avoid recursive resizing HOT 3
- How to import PanelGroup and Content in js code after npm install react-panelgroup?
- Changing direction programmatically causes resize function to stop working
- Please update to work with React > 17
- Application breaks when min width is set to > 155
- How to disable Neighbor-Aware Resizing ?
- Cannot read properties of undefined (reading 'style') when dynamically adding an additional panel
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-panelgroup.