search

ftlabs / ftcolumnflow

A polyfill that fixes the inadequacies of CSS column layouts
MIT License
633 stars 51 forks source link

Flowed content placement issue when entire 1st page is filled with fixed content #40

Closed charx0r closed 9 years ago

charx0r commented 9 years ago

I am using the horizontal scroll withe below values var ft = new FTColumnflow('target', 'viewport', { //columnWidth: 120, columnCount: 4, standardiseLineHeight: true, pagePadding: 20, viewportWidth: inWidth, viewportHeight: inHeight-20, pageArrangement: 'horizontal', showGrid: false, allowReflow: true, minFixedPadding: 0.5 }); The entire first page is filled with fixed content. In this case the flowing content is overwritten on the fixed content of first page. Flow content overlapping on fixed content: http://s28.postimg.org/7mrmx73y5/flowcontent.png Without flow content, only fixed content: http://s29.postimg.org/f64jukjqv/withoutfixedcontent.png Is this a limitation or am I doing something wrong? I have searched through the docs as well.

georgecrawford commented 9 years ago

Yeah, this looks broken, sorry. Is there any chance you're able to get this demo up on Codepen or JSBin? You can use https://rawgit.com/ftlabs/ftcolumnflow/master/src/FTColumnflow.js as the source file. I'd like to look into the internals to see what the problem is.

charx0r commented 9 years ago

Yes sure, thanks for the lighting fast response. I will get back with a codepen example.

charx0r commented 9 years ago

Link to codepen http://codepen.io/f4k1r/pen/EaVRqd This is the link to full preview of the page http://codepen.io/f4k1r/full/EaVRqd/ I do understand that anyone would rarely fix the entire first page content. I was just testing this out, neither do I have any such usecase currently. Update: We have been building some sweet layouts for a digital magazine using ftcolumns. Thanks a lot for contributing so much to us.

georgecrawford commented 9 years ago

Hey,

Sorry it took me such a crazy long time to look at this. In your CodePen demo, the only problem is that the fixed elements are overlapping. The flowed content always sits nicely on page 2 for me. You already admit that you're pushing the limits of ColumnFlow by adding so much fixed content to a flexible viewport. But I don't think there's actually a bug here.