{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1979","repository_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap","labels_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1979/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1979/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1979/events","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/1979","id":162204874,"number":1979,"title":"Pagination buttons reload the page; SafeAnchor related","user":{"login":"AoDev","id":1526150,"avatar_url":"https://avatars.githubusercontent.com/u/1526150?v=3","gravatar_id":"","url":"https://api.github.com/users/AoDev","html_url":"https://github.com/AoDev","followers_url":"https://api.github.com/users/AoDev/followers","following_url":"https://api.github.com/users/AoDev/following{/other_user}","gists_url":"https://api.github.com/users/AoDev/gists{/gist_id}","starred_url":"https://api.github.com/users/AoDev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AoDev/subscriptions","organizations_url":"https://api.github.com/users/AoDev/orgs","repos_url":"https://api.github.com/users/AoDev/repos","events_url":"https://api.github.com/users/AoDev/events{/privacy}","received_events_url":"https://api.github.com/users/AoDev/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-06-24T18:33:12Z","updated_at":"2016-06-24T21:05:30Z","closed_at":"2016-06-24T19:48:31Z","body":"Hello,\r\n\r\nI've been trying to use the Pagination component but it seems that the click handler is never fired.\r\nInstead the page is reloaded because the buttons are links with empty href.\r\n\r\nI am using the component with mostly default options. (Using React 15.1.0, react-bootstrap: 0.29.5)\r\n\r\nI've been looking at the code and I could make it work properly by commenting the \"href\" prop in the `SafeAnchor` component render function. I couldn't make things work otherwise.\r\n\r\n```\r\n    return _react2['default'].createElement(Component, _extends({}, props, {\r\n      role: role,\r\n      // href: href,\r\n      style: style,\r\n      tabIndex: tabIndex,\r\n      onClick: this.handleClick\r\n    }));\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/comments/228461858","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/1979#issuecomment-228461858","issue_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1979","id":228461858,"user":{"login":"AoDev","id":1526150,"avatar_url":"https://avatars.githubusercontent.com/u/1526150?v=3","gravatar_id":"","url":"https://api.github.com/users/AoDev","html_url":"https://github.com/AoDev","followers_url":"https://api.github.com/users/AoDev/followers","following_url":"https://api.github.com/users/AoDev/following{/other_user}","gists_url":"https://api.github.com/users/AoDev/gists{/gist_id}","starred_url":"https://api.github.com/users/AoDev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AoDev/subscriptions","organizations_url":"https://api.github.com/users/AoDev/orgs","repos_url":"https://api.github.com/users/AoDev/repos","events_url":"https://api.github.com/users/AoDev/events{/privacy}","received_events_url":"https://api.github.com/users/AoDev/received_events","type":"User","site_admin":false},"created_at":"2016-06-24T21:05:30Z","updated_at":"2016-06-24T21:05:30Z","body":"If someone reaches this page. Sometimes another lib intercepts href on links. The default \"button\" of the pagination here, has an empty href set on a link. Although not completely sure, it seems they were \"highjacked\" by angular ui router. (not the typical setup)\r\n\r\nTo solve this problem I had to replace the default button by my own, using the `buttonComponentClass ` option. "}}
{"actor":{"display_login":"AoDev"}}