Comments (4)
published in 2.1.3
from react-responsive-masonry.
Hi @antonivlev, thank you for this feature request.
PRs are always welcome.
Thank you
from react-responsive-masonry.
@cedricdelpoux Hi, how are you?
I'd face the same issue as mentioned by @antonivlev.
I am able to fix this issue, as the issue is in Masonry Component
. Please Let me know if you are accepting PR on this issue.
Thanks!
from react-responsive-masonry.
@antonivlev A temporary solution is that you can add this SCSS to Masonry Component. This SCSS can be used for the codesandbox that you shared, which is first element in first column being falsy. Downside to this method is that column and element should be known in advance.
The below code is JSS for SCSS.
masonry: {
'& > div:nth-of-type(1)': { // this can be any column of masonry
'& > div:nth-of-type(1)': { // this can be any nth-children in column
marginTop: '0px !important'
}
}
}
from react-responsive-masonry.
Related Issues (20)
- missing peerDependencies
- issue with container of item is width:0px HOT 1
- align items
- align items (always this take center!!!)
- i keep getting this error while using it in my next13 app HOT 3
- [REQUEST]columnsCountBreakPoints support listen dom's width
- Dynamic images with Pagination HOT 1
- Making single child centered? HOT 2
- Item Max Height?
- IE11 masonry layout is broken (+ solution) HOT 1
- Gives warning of invalid gutter type, but works with invalid gutter value only! HOT 2
- Custom HTML tag for masonry and items HOT 4
- React 17 Compatibility / Package.json version bump HOT 1
- Compiled divs include `[object Object]` in attributes HOT 2
- is there a way we can refresh the list? HOT 1
- Does it support explicit width and height in SSR? HOT 1
- Filtering grid photos by categories? HOT 1
- Bump peerDependency of react to 18.x HOT 1
- Updating breakpoint only after content is rendered
- Is there a way to make the child of masonry component use a specific amount of columns? 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 react-responsive-masonry.