Comments (6)
Hmm not sure - just put this together http://jsfiddle.net/bvmp3gqe/ using fluid example
from mason.
Could it be related that my wrapper div has a fixed height?
from mason.
Yep. That would cause it. It needs a flex height in order to size properly.
Sent from my Delorean
On Jun 5, 2015, at 10:55 AM, Marti Planellas [email protected] wrote:
Could it be related that my wrapper div has a fixed height?
—
Reply to this email directly or view it on GitHub.
from mason.
Hi @DrewDahlman , I'm trying to do a horizontal grid, so I need a fixed height, is there any way of doing that? How would I need to modify the library to achieve it?
Thanks!
from mason.
Hi @DrewDahlman , your mansonjs is cool. However, when I create 2 grids in the same page ( #grid1 & #grid2), the Error "Cannot set property '0' of undefined" always appears despite I config the grids seperately:
- $("#grid1").mason(...)
- $("#grid2").mason(...)
Could you please give me some ideas about this?
Thanks!
from mason.
Applying position:relative
to the container fixes it for me.
The problem is caused by the calculation of a block's top offset. If positioning is not relative it will be the offset to the top of the page, instead of the container:
Line 301 in 758d4ed
from mason.
Related Issues (20)
- virtual scrolling
- Is it possible to work with zeptojs instead of jquery? HOT 1
- Items repeating unnecessarily HOT 9
- fixed outer container (both height and width) HOT 3
- Adding and removing boxes HOT 1
- Blocks not filling in space HOT 3
- Fillers should be hidden to people using screenreaders HOT 2
- Fillers disappearing
- Fillers with different sizes HOT 3
- Fillers off by exactly 8px? HOT 2
- Items left-aligned and a ton of fillers HOT 3
- Feature request: smooth transitions HOT 1
- Hide original filler element(s) HOT 1
- Example with multiple images? HOT 6
- Feature request: Variable Gutter
- Space around the grid
- May I suggest
- Getting typeError
- Fixed height of container
- Is there a way to refresh Mason? HOT 1
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 mason.