{"action":"opened","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/2351","repository_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap","labels_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/2351/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/2351/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/2351/events","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/2351","id":191650099,"number":2351,"title":"Getting Autoaffix elements to work. ","user":{"login":"paschalidi","id":4181674,"avatar_url":"https://avatars.githubusercontent.com/u/4181674?v=3","gravatar_id":"","url":"https://api.github.com/users/paschalidi","html_url":"https://github.com/paschalidi","followers_url":"https://api.github.com/users/paschalidi/followers","following_url":"https://api.github.com/users/paschalidi/following{/other_user}","gists_url":"https://api.github.com/users/paschalidi/gists{/gist_id}","starred_url":"https://api.github.com/users/paschalidi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/paschalidi/subscriptions","organizations_url":"https://api.github.com/users/paschalidi/orgs","repos_url":"https://api.github.com/users/paschalidi/repos","events_url":"https://api.github.com/users/paschalidi/events{/privacy}","received_events_url":"https://api.github.com/users/paschalidi/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-11-25T08:41:31Z","updated_at":"2016-11-25T08:41:31Z","closed_at":null,"body":"What I am doing is having a Row with 2 Columns in order to set up the Layout of my main pages.\r\n\r\n```\r\nclass Layout extends React.Component {\r\n  static propTypes = {\r\n    children: PropTypes.node.isRequired,\r\n  };\r\n  render() {\r\n    return (\r\n      <div>\r\n        <Header />\r\n        <Grid>\r\n          <Row>\r\n            <Col xs={12} md={3}>\r\n              <PersonalInfo />\r\n            </Col>\r\n            <Col xs={12} md={6}>\r\n              <MainPageInfo />\r\n            </Col>\r\n          </Row>\r\n        </Grid>\r\n        <Feedback />\r\n        <Footer />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n```\r\n\r\nWanted functionality is to have a box with my personal Info sticky while the user scrolls the ``<MainPage />`` element.\r\n\r\nThe problem is that I can make it work only when ``<PersonalInfo />`` looks like that,\r\n\r\n```\r\nclass PersonalInfo extends React.Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <AutoAffix viewportOffsetTop={80} container={this}>\r\n          <div className='panel panel-default'>\r\n            <div className='panel-body'>\r\n              I am an affixed element\r\n              I am an affixed element\r\n              I am an affixed element\r\n              I am an affixed element\r\n              I am an affixed element\r\n              I am an affixed element\r\n              I am an affixed element\r\n              I am an affixed element\r\n              I am an affixed element\r\n            </div>\r\n          </div>\r\n        </AutoAffix>\r\n        <div style={{height: \"4000px\"}}/>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n```\r\n\r\nWhen I remove the line ``<div style={{height: \"4000px\"}}/>`` Autoaffix breaks.\r\n\r\nCould someone hit me so I can get over this please? \r\n\r\nLike I have thought that a probable solution is to make the height of the column equal with the height of the heightest column but I don't fancy hacking this around. \r\nI would like to have a more clean and reusable solution please. \r\n\r\nPS I am using only AutoAffix component from react-overlays no Waypoint or something else. \r\n"}}
{"actor":{"display_login":"paschalidi"}}