{"action":"created","issue":{"url":"https://api.github.com/repos/intljusticemission/react-big-calendar/issues/404","repository_url":"https://api.github.com/repos/intljusticemission/react-big-calendar","labels_url":"https://api.github.com/repos/intljusticemission/react-big-calendar/issues/404/labels{/name}","comments_url":"https://api.github.com/repos/intljusticemission/react-big-calendar/issues/404/comments","events_url":"https://api.github.com/repos/intljusticemission/react-big-calendar/issues/404/events","html_url":"https://github.com/intljusticemission/react-big-calendar/issues/404","id":230200977,"number":404,"title":"Events: Siblings, Overlapping (width and z-index)","user":{"login":"AgamlaRage","id":15155827,"avatar_url":"https://avatars3.githubusercontent.com/u/15155827?v=3","gravatar_id":"","url":"https://api.github.com/users/AgamlaRage","html_url":"https://github.com/AgamlaRage","followers_url":"https://api.github.com/users/AgamlaRage/followers","following_url":"https://api.github.com/users/AgamlaRage/following{/other_user}","gists_url":"https://api.github.com/users/AgamlaRage/gists{/gist_id}","starred_url":"https://api.github.com/users/AgamlaRage/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AgamlaRage/subscriptions","organizations_url":"https://api.github.com/users/AgamlaRage/orgs","repos_url":"https://api.github.com/users/AgamlaRage/repos","events_url":"https://api.github.com/users/AgamlaRage/events{/privacy}","received_events_url":"https://api.github.com/users/AgamlaRage/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-05-21T06:40:37Z","updated_at":"2017-07-07T13:26:50Z","closed_at":null,"body":"I'm reporting my comment on #379 as a unique issue so people can find it.\r\nI have an other behavior that is unexpected with event overlaping.\r\nHere the save events.\r\n\r\n**GoogleCalendar/Fullcalendar**\r\n\r\n![rbc-issue-fullcalendar-xs](https://cloud.githubusercontent.com/assets/15155827/26281715/2155a59e-3e00-11e7-9676-ce91ee453b69.png)\r\n\r\n\r\n**React Big Calendar**\r\n\r\n![rbc-issue-react-big-calendar-xs](https://cloud.githubusercontent.com/assets/15155827/26281708/d9a5226a-3dff-11e7-82bc-ba262a693925.png)\r\n\r\n\r\nAs I say in the image, ***Blue event should be bellow the red one, and stop at the same position that the yellow one***.\r\n\r\nMy questions were:\r\n\r\nIs that plan to have the exact same behavior as GoogleCalendar/Fullcalendar ?\r\nIf yes, Is that related to this PR ?\r\nIf not, should I open a new issue ?\r\n\r\n---\r\n\r\nHere @bkniffler response into the #379 comments\r\n\r\n> It seems like big calendar tries to follow google calendar in terms of look&feel, which is good since the google devs surely put lots of research into their calendar. I bet the maintainers here would be willing to accept a PR on this matter.\r\n> \r\n> There is 2 things that could to be addressed somewhere around [here](https://github.com/bkniffler/react-big-calendar/blob/4ed1442f9ca69227d16e22c91c475c2076054cba/src/utils/dayViewLayout.js#L196) to imitate gcal:\r\n> \r\n> - z-index of sibling events needs to be raised (through inline styles or via an additional class rdc-sibling-event) or rendering of these events needs to happen after non-sibling ones.\r\n> - only the left offset should vary with siblingIdx rising, while still trying to fill the whole width. Currently the algorithm will make the yellow 70% width/0 offset. It could be better to follow google calendar and make the yellow 100% width/0 offset, the red 70% width/30% offset.\r\n>\r\n> Give it a shot, shouldn't be too hard!"},"comment":{"url":"https://api.github.com/repos/intljusticemission/react-big-calendar/issues/comments/313680253","html_url":"https://github.com/intljusticemission/react-big-calendar/issues/404#issuecomment-313680253","issue_url":"https://api.github.com/repos/intljusticemission/react-big-calendar/issues/404","id":313680253,"user":{"login":"jquense","id":339286,"avatar_url":"https://avatars1.githubusercontent.com/u/339286?v=3","gravatar_id":"","url":"https://api.github.com/users/jquense","html_url":"https://github.com/jquense","followers_url":"https://api.github.com/users/jquense/followers","following_url":"https://api.github.com/users/jquense/following{/other_user}","gists_url":"https://api.github.com/users/jquense/gists{/gist_id}","starred_url":"https://api.github.com/users/jquense/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jquense/subscriptions","organizations_url":"https://api.github.com/users/jquense/orgs","repos_url":"https://api.github.com/users/jquense/repos","events_url":"https://api.github.com/users/jquense/events{/privacy}","received_events_url":"https://api.github.com/users/jquense/received_events","type":"User","site_admin":false},"created_at":"2017-07-07T13:26:50Z","updated_at":"2017-07-07T13:26:50Z","body":"Happy to take a PR for this :) "}}
{"actor":{"display_login":"jquense"}}