Hello, docs uses columnWidth but example uses gridWidth. Seems like gridWidth is the one implemented.

It appears that after the container is rendered, the container width > the width of all the items. I tried calculating the # of columns that would be rendered myself and adding padding to adjust, but it's not quite right.

Anyone have a suggestion for this?

does this library work with client-side browser?

Hey, this is a great library. Thanks for this.
I have a question, is there an option to disable the initial animation, may be we can pass it via getAutoResponsiveProps() ?

Typescript ？？

Interested in using your component on a photography website I'm building. When all done I expect to have ~ 3000 photos with each thumbnail being a max of 260 pixels wide. Would you recommend adding all 3000 images @ once or add them in blocks (ex: 100 components @ a time). I was hoping to be able to "append" images and detect page scrolling. I do not want to use paging.

Hi,

I would like to use this component but when I import AutoResponsive with:

import AutoResponsive from 'autoresponsive-react';

I get:

ERROR in ./~/autoresponsive-react/lib/index.js
Module parse failed: C:\Devel\dgg\prds\node_modules\autoresponsive-react\lib\index.js Line 17: Unexpected token {
You may need an appropriate loader to handle this file type.
| let Common = require('autoresponsive-common');
|
| let {
|   Util,
|   GridSort
 @ ./~/autoresponsive-react/index.js 16:17-33

Do you have a hint what I am doing wrong?

Thanks
Ludwig

Have you considered typescript?

I want fixed width, but dynamic height which should resize depending on html content. Is it possible? Thatnk you!

Thanks

Hi 👋,

I'm Romuald from the Lsos, an organization that develops financial solutions for open source projects, and we are currently doing outreach to projects we like.

One of our solutions is the Lsos Commons which I believe could fit; is that something AutoResponsive React would be interested in?

If not I'm sorry for having opened this ticket and I'll close it :).

<AutoResponsive ref="container" {...this.getAutoResponsiveProps()}>

I don't know what to import from.
import {AutoResponsive} from ??

×
Element ref was specified as a string (container) but no owner was set. This could happen for one of the following reasons:

1. You may be adding a ref to a functional component
2. You may be adding a ref to a component that was not created inside a component's render method
3. You have multiple copies of React loaded
   See https://fb.me/react-refs-must-have-owner for more information.

Hello, currently overflow: hidden is set on all the grid items. This doesn't allow certain styling on the grid items, such as CSS scaling on :hover. An example of such usage can be seen on https://shan.io/photography/. Scroll down and hover on the photos with mouse.

Hi, thanks for your library!

I have small problem with browserify, because you're using pure ES6. I also have babel-transform, of course, but can you include full build file to dist, for example?

[09:03:27] Starting 'scripts'...
events.js:85
      throw er; // Unhandled 'error' event
            ^
Error: Parsing file /Users/e/dev/yard/frontend/node_modules/autoresponsive-react/lib/index.js: Unexpected token (126:6)
    at Deps.parseDeps (/Users/e/dev/yard/frontend/node_modules/browserify/node_modules/module-deps/index.js:436:28)
    at fromSource (/Users/e/dev/yard/frontend/node_modules/browserify/node_modules/module-deps/index.js:375:44)
    at /Users/e/dev/yard/frontend/node_modules/browserify/node_modules/module-deps/index.js:369:17
    at ConcatStream.<anonymous> (/Users/e/dev/yard/frontend/node_modules/browserify/node_modules/concat-stream/index.js:36:43)
    at ConcatStream.emit (events.js:129:20)
    at finishMaybe (/Users/e/dev/yard/frontend/node_modules/browserify/node_modules/readable-stream/lib/_stream_writable.js:460:14)
    at endWritable (/Users/e/dev/yard/frontend/node_modules/browserify/node_modules/readable-stream/lib/_stream_writable.js:469:3)
    at ConcatStream.Writable.end (/Users/e/dev/yard/frontend/node_modules/browserify/node_modules/readable-stream/lib/_stream_writable.js:436:5)
    at DuplexWrapper.onend (/Users/e/dev/yard/frontend/node_modules/browserify/node_modules/readable-stream/lib/_stream_readable.js:537:10)
    at DuplexWrapper.g (events.js:199:16)
    at DuplexWrapper.emit (events.js:129:20)
    at /Users/e/dev/yard/frontend/node_modules/browserify/node_modules/readable-stream/lib/_stream_readable.js:934:16
    at process._tickCallback (node.js:355:11)

Hi
I have a bunch of divs and I want to show them using waterfall layout.
Divs doesn't have fixed height, is it possible ?

Currently, index.t.ts contains:

declare class AutoResponsive extends React.Component<AutoResponsiveProps, any> {}

But this doesn't allow child elements! It instead needs to be

declare class AutoResponsive extends Component<PropsWithChildren<AutoResponsiveProps>, any> {}

Only shows blank screen on IE. I'm currently using IE 11. Does any one know why ? Any package I can use to fix. Please suggest.